:root{--green:#00643c;--green2:#239f40;--gold:#c9a03d;--gold2:#ffd700;--red:#da0000;--bg:#070b11;--card:rgba(255,255,255,.08);--line:rgba(255,255,255,.14);--text:#f8fafc;--muted:#b7c4d3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(35,159,64,.35),transparent 34%),radial-gradient(circle at 90% 10%,rgba(201,160,61,.2),transparent 32%),var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.8;padding-bottom:86px}.app-shell{width:min(720px,94vw);margin:auto;padding:14px 0}.glass{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.26);backdrop-filter:blur(18px)}.hero-card{position:relative;border-radius:32px;padding:26px 20px;margin:8px 0 14px;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,100,60,.42),rgba(201,160,61,.18));pointer-events:none}.hero-card>*{position:relative}.close{position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid var(--line);color:#fff;font-size:24px}.eyebrow{display:inline-flex;border:1px solid rgba(255,215,0,.35);color:var(--gold2);border-radius:999px;padding:3px 12px;font-size:12px}.hero-card h1{font-size:28px;margin:14px 0 4px}.hero-card p,.muted{color:var(--muted);font-size:13px}.hero-actions,.chips,.button-grid{display:flex;gap:8px;flex-wrap:wrap}.pill,.button-grid a,.button-grid button,.form-row button,.form-grid button,.item button,.chips button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:10px 14px;font-weight:700;text-decoration:none}.pill.active,.primary,.form-row button,.form-grid button.primary{background:linear-gradient(135deg,var(--green2),var(--green));border-color:transparent;color:#fff}.notice{border-radius:20px;padding:12px 14px;color:var(--gold2);font-size:13px;margin:12px 0}.panel{display:none}.panel.active{display:block}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1.2fr .8fr}.card{border-radius:26px;padding:18px;margin:12px 0}.profile-card{display:flex;align-items:center;gap:14px}.avatar{width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,var(--green2),var(--gold));display:grid;place-items:center;font-size:28px}.profile-card h2{margin:0}.score-card strong{display:block;color:var(--gold2);font-size:42px;line-height:1}.form-row{display:grid;grid-template-columns:1fr auto;gap:8px}.form-row input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:16px;padding:12px;color:#fff;outline:none}.form-grid{display:grid;gap:10px}.form-grid h3{margin:0}.form-grid textarea{min-height:96px;resize:vertical}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 4px 8px}.section-title span{background:rgba(201,160,61,.17);color:var(--gold2);border-radius:999px;padding:4px 10px}.list{display:grid;gap:10px}.item{border-radius:22px;padding:16px}.item b{display:block}.item small{display:block;color:var(--gold2);margin:4px 0}.item p{color:var(--muted);font-size:13px}.bottom-nav{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(720px,94vw);height:66px;border-radius:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;z-index:50}.bottom-nav button{border:0;background:transparent;color:var(--muted);border-radius:18px;font-weight:700}.bottom-nav button.active{background:linear-gradient(135deg,rgba(35,159,64,.78),rgba(0,100,60,.9));color:#fff}.bottom-nav span{display:block;font-size:11px}.toast{position:fixed;left:16px;right:16px;bottom:90px;z-index:60;background:#ecfdf5;color:#065f46;border-radius:18px;padding:12px 14px;box-shadow:0 20px 60px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);transition:.25s;font-weight:700;font-size:13px}.toast.show{opacity:1;transform:none}.toast.bad{background:#fff1f2;color:#b91c1c}.hidden{display:none!important}@media(max-width:560px){.grid.two,.form-row{grid-template-columns:1fr}.hero-card h1{font-size:24px}.card{padding:15px}.button-grid a,.button-grid button{width:100%;text-align:center;justify-content:center}}