:root{--navy:#123a63;--dark:#092a49;--teal:#178c78;--mint:#e2f5ef;--ink:#172536;--muted:#647386;--line:#d9e3ec;--bg:#f4f7fb;--white:#fff;--orange:#e9872f;--red:#b5323d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{height:66px;padding:0 max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:#fffffff2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{border:0;background:transparent;color:var(--navy);font-weight:900;font-size:1.1rem;display:flex;align-items:center;gap:9px}.mark{width:36px;height:36px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:inset 0 -5px var(--teal)}.top-actions{display:flex;gap:8px}.account,.outline,.primary,.danger{border-radius:11px;min-height:43px;padding:0 15px;font-weight:800}.account,.outline{background:#fff;color:var(--navy);border:1px solid var(--line)}.primary{background:var(--teal);color:#fff;border:0}.danger{background:#fff0f1;color:var(--red);border:1px solid #edc2c6}#app{max-width:1120px;margin:auto;padding:24px 18px 108px}.hero{background:linear-gradient(135deg,var(--dark),var(--navy) 66%,#13716f);color:#fff;border-radius:24px;padding:clamp(26px,6vw,58px);box-shadow:0 18px 45px #153a5c25}.eyebrow{margin:0 0 9px;color:#85ddca;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:670px;font-size:clamp(2rem,6vw,4.2rem);line-height:1;letter-spacing:-.04em;margin-bottom:16px}.hero p{max-width:620px;color:#e6edf5;line-height:1.55;font-size:1.05rem}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero .outline{border:0}.section{margin-top:32px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:15px}.section-head h2{margin:0;color:var(--dark)}.section-head p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 7px 20px #123a630c}.card h3{color:var(--dark);margin-bottom:7px}.card p{color:var(--muted);line-height:1.5}.mission-list{display:grid;gap:13px}.mission{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.meta{display:flex;flex-wrap:wrap;gap:8px 15px;color:var(--muted);font-size:.88rem;margin:10px 0}.amount{font-size:1.28rem;font-weight:900;color:var(--dark);white-space:nowrap}.status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf2f6;color:#526174;font-size:.75rem;font-weight:900}.status.open,.status.quoted{background:#e5f6f1;color:#126b59}.status.funding_pending,.status.funded{background:#fff1db;color:#8d540b}.status.completed{background:#e5eeff;color:#285d9e}.status.disputed{background:#ffebed;color:#9a2b34}.form{max-width:760px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:6px;font-weight:750;color:var(--dark)}label.full{grid-column:1/-1}input,textarea,select{width:100%;min-height:46px;border:1px solid #c4d1dc;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:115px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #178c7840;outline-offset:2px}.hint{color:var(--muted);font-size:.85rem}.notice{padding:14px 16px;border-left:4px solid var(--orange);border-radius:9px;background:#fff6e8;color:#74430b}.auth-shell{max-width:860px;margin:4vh auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 55px #123a6317}.auth-info{padding:38px;background:linear-gradient(145deg,var(--dark),var(--navy));color:#fff}.auth-info p{color:#deebf5;line-height:1.6}.auth-form{padding:34px}.tabs{display:flex;gap:8px;margin-bottom:22px}.tabs button{flex:1;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-weight:800;color:var(--muted)}.tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.stack{display:grid;gap:14px}.error{padding:12px;background:#fff0f1;border-radius:9px;color:var(--red)}.modal-bg{position:fixed;inset:0;z-index:60;background:#071b2dc7;display:grid;place-items:center;padding:16px}.modal-card{width:min(620px,100%);max-height:91vh;overflow:auto;background:#fff;border-radius:20px;padding:24px}.modal-head{display:flex;justify-content:space-between;gap:15px}.close{border:0;background:#edf2f6;border-radius:50%;width:36px;height:36px}.quote{border-left:4px solid var(--teal)}.timeline{list-style:none;padding:0;display:grid;gap:13px}.timeline li{padding-left:25px;position:relative;color:var(--muted)}.timeline li:before{content:"";position:absolute;left:2px;top:5px;width:11px;height:11px;border-radius:50%;background:#c8d3de}.timeline li.on{color:var(--ink)}.timeline li.on:before{background:var(--teal)}.toast{position:fixed;z-index:90;bottom:92px;left:50%;transform:translate(-50%,25px);opacity:0;background:var(--dark);color:#fff;border-radius:11px;padding:12px 17px;transition:.2s;pointer-events:none;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{min-height:65vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading span{width:38px;height:38px;border:4px solid #d7e1ea;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:45px 20px}.bottom-nav{display:none}
@media(max-width:760px){#app{padding:16px 13px 98px}.topbar{height:60px}.grid,.form-grid,.auth-shell{grid-template-columns:1fr}.auth-shell{margin:0}.auth-info{padding:25px}.auth-form{padding:24px}.mission{grid-template-columns:1fr}.hero{border-radius:19px;padding:27px 21px}h1{font-size:2.25rem}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:transparent;display:grid;place-items:center;gap:2px;color:var(--muted);font-size:.68rem;min-height:50px}.bottom-nav button span{font-size:1.2rem}.bottom-nav button.active{color:var(--teal);font-weight:900}.bottom-nav .plus{width:31px;height:31px;display:grid;place-items:center;background:var(--teal);color:#fff;border-radius:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}