:root{color-scheme:light;--deep:#10231b;--green:#a9f279;--teal:#0f716a;--ink:#183327;--muted:#62776c;--border:#deebe1;--off:#f6f9f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #71c946;outline-offset:3px}
.container{max-width:1160px;width:calc(100% - 48px);margin:0 auto}.skip{position:absolute;left:14px;top:-80px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}
.site-head{background:#101c17;color:#fff;border-bottom:1px solid #ffffff24}.head-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:91px}.brand{display:flex;gap:12px;align-items:center}.brand img{background:#fff;border-radius:10px;width:54px;height:54px;object-fit:contain}.brand span{display:flex;flex-direction:column;gap:4px}.brand strong{letter-spacing:.11em;font-size:14px}.brand small{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--green)}.site-head nav{display:flex;gap:22px;align-items:center}.site-head nav a{font-weight:700;font-size:12px;color:#d0ded3}.site-head nav a:last-child{border:1px solid #9bea8769;padding:12px 16px;border-radius:9px;color:var(--green)}
.hero{border-radius:0 0 20px 20px;color:#fff;background:radial-gradient(circle at 80% 15%,#2d5c37,transparent 35%),linear-gradient(110deg,#0e2119,#183329);padding:72px 7% 75px;margin-bottom:25px;position:relative;overflow:hidden}.hero::after{content:"";display:block;position:absolute;right:-120px;top:-280px;width:570px;height:570px;border:1px solid #b0ef8c42;border-radius:50%;pointer-events:none}.eyebrow{display:block;color:#d7fdbb;font-weight:850;letter-spacing:.13em;font-size:10px}.eyebrow.dark{color:#267a57}.hero h1{font-size:clamp(39px,5vw,64px);line-height:1.1;letter-spacing:-.05em;margin:19px 0 18px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{max-width:690px;color:#cedfd1;line-height:1.8;font-size:15px;margin:0}
.status{font-size:12px;font-weight:650;color:#586f61;background:#edf6ec;border:1px solid #d5ebd1;border-radius:9px;padding:12px 16px;margin:20px 0}.status[hidden],.login-panel[hidden],#account-panel[hidden]{display:none}
.login-panel{background:#fbfdfb;border:1px solid var(--border);padding:28px;border-radius:14px;max-width:600px;margin:22px auto 40px;box-shadow:0 16px 65px #10271b0e}.login-panel h2{font-size:25px;margin:9px 0}.login-panel p{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 17px}.login-panel form{display:grid;gap:10px}.login-panel label{font-size:12px;font-weight:800;color:#254537}.login-panel input{border:1px solid #b7cdb8;border-radius:8px;padding:12px;background:#fff;max-width:100%;width:100%}.button-primary,.button-outline{border:1px solid transparent;border-radius:8px;padding:12px 19px;font-weight:800;font-size:12px;min-height:45px}.button-primary{background:#9eee74;color:#18321d;margin-top:8px}.button-primary:disabled{opacity:.45}.button-outline{background:#f3f8f2;border-color:#d0e3cf;color:#365742}
.account-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px}.account-heading h2{font-size:26px;margin:4px 0}.account-heading p{margin:0;color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics article{background:#f8fbf7;border:1px solid var(--border);border-radius:12px;padding:17px;min-width:0}.metrics small{display:block;color:#688071;font-size:11px;font-weight:700}.metrics strong{display:block;font-size:30px;letter-spacing:-.05em;color:#1b5e45;margin:8px 0 3px}.metrics span{font-size:10px;color:#829488}
.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:17px}.tile{border:1px solid var(--border);border-radius:12px;padding:19px;min-width:0}.tile h3{font-size:15px;color:#1c503a;margin:0 0 15px}.site-entry{padding:10px 0;border-bottom:1px solid #ecf1ec}.site-entry:last-child{border-bottom:0}.site-entry strong{font-size:12px;color:#27543f}.site-entry span{display:block;font-size:11px;color:#748b79;margin-top:5px}.quicklinks{display:grid;gap:8px}.quicklinks a{display:flex;justify-content:space-between;gap:10px;border-radius:8px;border:1px solid #dceade;padding:12px;font-size:12px;font-weight:700;color:#26714e;background:#f8fcf6}.quicklinks a:hover{background:#ecf8e9}
.coming{margin:42px 0 64px}.coming h2{font-size:26px;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.cards article{padding:21px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:0}.cards h3{font-size:14px;color:#255943;margin:12px 0 7px}.cards p{font-size:12px;color:#66806f;line-height:1.7}.cards small{font-weight:850;font-size:10px;color:#a17738}.symbol{display:grid;place-items:center;height:36px;width:36px;background:#ebf7e8;color:#26714b;border-radius:9px;font-size:20px}
footer{border-top:1px solid #e6ece6;background:#f9fbf9}footer .container{font-size:11px;color:#637666;padding:25px 0}
@media(max-width:780px){.site-head nav{gap:10px}.hero{padding:52px 6%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:calc(100% - 28px)}.site-head .head-inner{flex-direction:column;align-items:flex-start;padding:12px 0;gap:12px}.site-head nav{width:100%;justify-content:space-between}.site-head nav a{font-size:10px}.hero{padding:45px 20px}.hero h1{font-size:42px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:13px}.cards{grid-template-columns:1fr}.login-panel{padding:18px}}