*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#04140f;--mint:#5dffc0;--green:#08e260;--muted:#9bb8ad;--line:rgba(255,255,255,.13)}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8fff6;background:var(--bg)}
.bg{position:fixed;inset:0;background:radial-gradient(ellipse at 16% 7%,#0b3d2e 0%,transparent 45%),radial-gradient(ellipse at 87% 0%,#0a2a40 0%,transparent 42%),radial-gradient(ellipse at 50% 90%,#08291e 0%,transparent 48%),#04140f;z-index:-1}
.top{max-width:1180px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.brand,.wallet-area{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#032016;font-weight:950;font-size:22px;background:linear-gradient(135deg,#00f9cb,#08e260);box-shadow:0 8px 28px #00f9cb33}
h1{margin:0;font-size:1.35rem;letter-spacing:-.04em}.tag{margin:3px 0 0;color:#a9c4b9;font-size:.77rem}.wallet-area{flex-wrap:wrap;justify-content:flex-end}.wallet-account{font-size:.76rem;color:var(--mint)}
.network-pill{font-size:.65rem;letter-spacing:.1em;border:1px solid #5dffc055;color:#8fffd0;padding:7px 10px;border-radius:99px}
.btn{border:1px solid transparent;border-radius:999px;padding:11px 17px;font-weight:800;cursor:pointer;background:rgba(255,255,255,.1);color:#e8fff6;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,#00f9cb,#08e260);color:#042016;box-shadow:0 8px 24px #00e9a022}.btn.quiet{border-color:var(--line);background:rgba(255,255,255,.04)}.btn.small{padding:8px 12px;font-size:.72rem}.btn.pass{background:#075e40}.btn.fail{background:#7b2633}.btn.full{width:100%;margin-top:8px}
main{max-width:1180px;margin:auto;padding:0 28px}
.hero{padding:62px 4px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:.67rem;letter-spacing:.17em;font-weight:900;color:#5dffc0;margin:0 0 12px}.hero h2{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.065em;margin:0;max-width:720px}.hero h2 span{color:var(--mint)}.hero-text{max-width:650px;line-height:1.7;color:#a8c2b7;font-size:.98rem}
.hero-stamp{flex:0 0 190px;border:1px solid #5dffc066;background:linear-gradient(145deg,#0b4535aa,#06251f99);border-radius:25px;padding:22px;transform:rotate(3deg);box-shadow:0 18px 55px #0005}.stamp-label,.stamp-foot{display:block;color:#78dcb6;font-size:.6rem;letter-spacing:.16em;font-weight:900}.hero-stamp strong{display:block;font-size:1.35rem;line-height:1.15;margin:18px 0;color:#eafff5}.stamp-foot{font-size:.55rem}
.pool-bar{margin-bottom:45px}.glass-panel{border-radius:24px;padding:23px 26px;background:linear-gradient(135deg,rgba(0,255,214,.11),rgba(8,226,96,.055));border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:0 20px 45px #0004}.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pool-actions{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}.pool-note{font-size:.76rem;color:var(--muted)}.label{font-size:.68rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}.big{font-size:1.85rem;font-weight:900;color:var(--mint);margin-top:5px}.big small{font-size:.8rem}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2,.create-intro h2{font-size:1.8rem;letter-spacing:-.05em;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;min-height:80px}.empty-state{grid-column:1/-1;padding:30px;border:1px dashed #ffffff30;border-radius:18px;color:#9bb8ad;text-align:center}
.parent{width:100%;min-height:350px;perspective:1000px}.project-card{position:relative;min-height:350px;height:100%;border-radius:30px;background:linear-gradient(140deg,#00cfae 0%,#08a85c 100%);box-shadow:0 22px 35px #0003;overflow:hidden;color:#043c2b}
.project-card .glass{position:absolute;inset:7px;border-radius:25px;border-top-right-radius:75%;background:linear-gradient(0deg,rgba(255,255,255,.22),rgba(255,255,255,.68));border:1px solid #ffffff88;pointer-events:none}
.content{position:relative;z-index:2;padding:20px 20px 100px}.card-topline{display:flex;justify-content:space-between;align-items:center}.project-id{font-size:.62rem;font-weight:900;letter-spacing:.14em;color:#08794d}.status-badge{font-size:.57rem;font-weight:950;letter-spacing:.08em;border-radius:99px;padding:6px 9px;background:#ffffff9c;color:#075c3b}.project-title{display:block;color:#00643d;font-size:1.18rem;font-weight:950;line-height:1.2;margin-top:16px}.project-meta{display:block;color:#075d3d;font-size:.77rem;margin-top:8px}.progress-track{height:6px;background:#005b3c44;border-radius:9px;margin-top:12px;overflow:hidden}.progress-fill{height:100%;width:0;background:#eafff5;border-radius:9px}.milestones{margin-top:15px;font-size:.73rem;color:#075d3d;line-height:1.7}.milestone-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #006b4430;padding:4px 0}.evidence-display,.owner-line,.reputation-line{font-size:.65rem;color:#075d3d;margin-top:7px;overflow-wrap:anywhere}.evidence-display{font-weight:700}
.bottom{position:absolute;z-index:3;left:13px;right:13px;bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:5px}.explorer-link{font-size:.65rem;font-weight:900;color:#00643d;text-decoration:none;white-space:nowrap}
.create-wrap{margin:55px 0 35px}.create-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px}.create-intro p:not(.eyebrow){color:#9bb8ad;line-height:1.7;font-size:.9rem}.create-note{margin-top:22px;padding:13px 15px;border-left:2px solid var(--mint);background:#00f9cb0b;color:#9bb8ad;font-size:.77rem;line-height:1.55}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.create-form label{display:flex;flex-direction:column;gap:7px;color:#b8d1c6;font-size:.73rem;font-weight:700}.create-form input{width:100%;padding:12px 13px;border-radius:11px;border:1px solid #ffffff24;background:#03130f99;color:#fff;outline:none}.create-form input:focus{border-color:#5dffc0}.form-divider{grid-column:1/-1;color:#5dffc0;font-size:.61rem;font-weight:950;letter-spacing:.14em;border-bottom:1px solid #ffffff19;padding:8px 0 3px}.create-form .full{grid-column:1/-1}
footer{display:flex;justify-content:space-between;gap:15px;padding:22px 0 30px;border-top:1px solid #ffffff16;color:#75988a;font-size:.63rem;letter-spacing:.06em}
.loader-wrap{position:fixed;inset:0;background:#04140fdd;display:grid;place-content:center;z-index:50;text-align:center}.loader-wrap.hidden{display:none}.loader{width:112px;height:112px;position:relative;margin:auto;display:grid;place-items:center}.loader:before,.loader:after,.dot{content:"";position:absolute;border-radius:50%;border:3px solid transparent;animation:orbit 1.35s cubic-bezier(.55,.1,.35,.9) infinite}.loader:before{inset:5px;border-top-color:#00f9cb;border-right-color:#00f9cb;filter:drop-shadow(0 0 8px #00f9cb88)}.loader:after{inset:18px;border-bottom-color:#08e260;border-left-color:#08e260;animation-direction:reverse;animation-duration:1.05s}.dot{inset:39px;border:0;background:radial-gradient(circle,#eafff5 0 18%,#5dffc0 42%,#08e260 70%,transparent 72%);box-shadow:0 0 22px #00f9cb88;animation:pulse .9s ease-in-out infinite}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(.72);opacity:.65}50%{transform:scale(1.08);opacity:1}}
#loader-text{color:#b9e8d4;font-size:.82rem}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:70;background:#dfffee;color:#042016;padding:12px 18px;border-radius:12px;font-size:.8rem;font-weight:800;max-width:90vw;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.top{align-items:flex-start;padding:18px;flex-direction:column}.wallet-area{justify-content:flex-start}.hero{padding:40px 0 30px;align-items:flex-start}.hero-stamp{display:none}main{padding:0 18px}.pool-grid{grid-template-columns:1fr;gap:14px}.pool-grid>div{display:flex;align-items:center;justify-content:space-between}.big{font-size:1.4rem}.create-card{grid-template-columns:1fr;gap:18px}.grid{grid-template-columns:1fr}.parent{max-width:420px}.section-heading h2{font-size:1.5rem}footer{flex-direction:column}.tag{max-width:290px;line-height:1.4}}
@media(max-width:420px){.create-form{grid-template-columns:1fr}.form-divider,.create-form .full{grid-column:1}.hero h2{font-size:2.35rem}.actions{max-width:230px}}

/* Mobile polish and clearer card hierarchy */
@media(max-width:760px){.top{gap:14px}.brand{align-items:flex-start}.brand-mark{flex:0 0 42px}.wallet-area{width:100%;gap:9px}.network-pill{font-size:.6rem}.btn{min-height:44px}.pool-bar{margin-bottom:34px}.project-card{border-radius:24px}.content{padding:19px 18px 112px}.bottom{align-items:flex-end}.actions{max-width:100%}.explorer-link{padding-bottom:8px}}
@media(max-width:420px){.pool-actions .btn{width:100%}.pool-note{line-height:1.5}.section-heading{align-items:center}.parent{min-height:365px}.project-card{min-height:365px}}

.vote-display{font-size:.67rem;color:#075d3d;margin-top:8px;font-weight:800}