:root{--bg:#090d0d;--panel:#121918;--line:#30443c;--ink:#f6faf7;--muted:#aebdb4;--lime:#8cf66f;--paper:#edf3f0;--dark:#0c1311}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#102019;font:16px/1.5 Inter,system-ui,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.testbar{background:#92ff73;color:#07120a;text-align:center;font-size:.78rem;font-weight:900;letter-spacing:.12em;padding:.45rem}header{min-height:84px;background:var(--bg);color:white;display:flex;align-items:center;justify-content:space-between;padding:.8rem max(1rem,calc((100% - 1180px)/2));gap:1rem}.brand{display:flex;align-items:center;gap:.6rem}.brand img{width:52px;height:52px;object-fit:contain}.brand strong{display:block;font-size:1.55rem;line-height:1;letter-spacing:-.06em}.brand strong span,.eyebrow{color:var(--lime)}.brand small{display:block;color:#abb9b1;font-size:.6rem;letter-spacing:.13em;margin-top:.3rem}.hero{min-height:410px;color:white;padding:4rem max(1rem,calc((100% - 1180px)/2));background:linear-gradient(90deg,#080c0cf2 0%,#080c0cce 45%,transparent 82%),url('/assets/handover-hero.png') center/cover}.hero div{max-width:670px}.hero h1{font-size:clamp(3.2rem,8vw,6.4rem);line-height:.9;letter-spacing:-.075em;margin:.8rem 0 1.3rem}.hero h1 span{color:var(--lime)}.hero p:last-child{font-size:1.2rem;max-width:570px}.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:900}.auth-grid,.app{max-width:1180px;margin:0 auto;padding:2.5rem 1rem}.auth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.card{background:white;border:1px solid #c9d7d0;border-radius:18px;padding:1.35rem;box-shadow:0 16px 40px #1737260d}.card h2,.card h3{margin:.2rem 0 1rem}.card label{display:block;font-weight:750;margin:.75rem 0}.card input,.card select{display:block;width:100%;margin-top:.35rem;padding:.72rem;border:1px solid #81998d;border-radius:9px;background:#fbfdfc}.card button,.app button{border:0;border-radius:10px;background:#173621;color:white;font-weight:850;padding:.72rem 1rem}.card button:hover,.app button:hover{filter:brightness(1.12)}button.quiet,button.outline{background:transparent;color:#173621;border:1px solid #61766b;margin-left:.4rem}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-head h2{font-size:2.4rem;letter-spacing:-.045em;margin:.2rem 0}.tabs{display:flex;gap:.5rem;overflow:auto;border-bottom:1px solid #bdcbc4;margin:1rem 0 1.4rem;padding-bottom:.7rem}.tabs button{background:#dfe8e3;color:#183023;white-space:nowrap}.tabs button.active{background:#173621;color:white}.choice-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.2rem 0}.choice{min-height:180px;text-align:left!important;background:linear-gradient(135deg,#8cf66f,#62d654)!important;color:#09200e!important;padding:1.5rem!important}.choice.dark{background:#1b2924!important;color:white!important}.choice span{float:right;font-size:2rem}.choice strong{display:block;font-size:2rem}.choice small{display:block;font-size:1rem}.list-row{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;border-top:1px solid #d5dfda;padding:.8rem 0}.list-row small,.muted{color:#617269}.list-row button{padding:.45rem .7rem;margin-left:.35rem}.group-card{margin:1rem 0}.member-form{display:grid;grid-template-columns:1fr .55fr .7fr auto;gap:.5rem;align-items:end}.fee-box{background:#e6f6e2;border-left:4px solid #52bb43;padding:.8rem;margin:.8rem 0}.danger-note{color:#8a2d17}.hidden{display:none!important}output{display:block;font-size:1.25rem;font-weight:900;letter-spacing:.06em;margin:1rem 0;overflow-wrap:anywhere}#toast{position:fixed;right:1rem;bottom:1rem;max-width:420px;background:#102019;color:white;border-left:5px solid var(--lime);padding:1rem;border-radius:10px;box-shadow:0 12px 35px #0004;transform:translateY(160%);transition:.2s}#toast.show{transform:none}footer{background:#0b110f;color:#adbbb3;text-align:center;padding:1.5rem}:focus-visible{outline:3px solid #4aa73b;outline-offset:3px}@media(max-width:760px){.hero{min-height:360px;background:linear-gradient(90deg,#080c0cee,#080c0ccf),url('/assets/handover-hero.png') 62%/cover}.auth-grid,.choice-grid,.split{grid-template-columns:1fr}.member-form{grid-template-columns:1fr 1fr}.member-form label:first-child{grid-column:1/-1}.dashboard-head h2{font-size:1.8rem}}
