@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#193b31;background:#f4f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#132c24;color:white;padding:38px 24px;display:flex;flex-direction:column}.brand{font:800 38px Manrope,sans-serif;letter-spacing:-2px;color:#d4f574;text-decoration:none}.brand span{display:block;font:600 10px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:8px;color:#c4d1cb}nav{display:grid;gap:9px;margin-top:54px}nav a{color:#b9ccc2;text-decoration:none;padding:13px 16px;border-radius:12px;font-size:14px}nav a.active,nav a:hover{background:#d4f574;color:#132c24}.aside-note{margin-top:auto;color:#9bb0a4;font-size:14px;line-height:1.7}main{margin-left:236px;padding:36px 5%;max-width:1550px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h1{font:800 28px Manrope;margin:8px 0}h2{font:800 clamp(28px,3.6vw,48px)/1.15 Manrope;letter-spacing:-1.5px;margin:20px 0}h3{font:700 20px Manrope}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.badge{display:inline-block;background:#e7eee1;padding:7px 12px;border-radius:30px;font-size:12px;white-space:nowrap}.demo{font-size:12px;color:#607366;margin-bottom:20px}.hero{background:#d4f574;min-height:320px;border-radius:24px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.hero p{color:#38543a;line-height:1.6}.coin{flex-shrink:0;width:170px;height:170px;border-radius:50%;border:2px solid #759339;background:#e6ffa1;box-shadow:10px 12px 0 #aec75f;transform:rotate(-12deg);display:grid;place-content:center;text-align:center;font:800 85px/1 Manrope}.coin span{font:700 12px Manrope;letter-spacing:3px}.button,button{display:inline-block;background:#193b31;color:white;border:0;border-radius:12px;padding:14px 20px;text-decoration:none;font:600 14px 'DM Sans';cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stats article,.panel{background:#fff;border:1px solid #e4e9df;border-radius:20px;padding:26px}.stats small{color:#64766b}.stats strong{display:block;font:800 38px Manrope;margin-top:10px}.steps{display:flex;gap:28px}.steps p{flex:1;font-size:14px;line-height:1.8;color:#637568}.steps b{color:#193b31}.panel{margin:22px 0}.panel h2{font-size:30px}.panel p{line-height:1.65}.muted{font-size:12px;color:#697b70}.upload{display:block;padding:36px;text-align:center;background:#f4f8ec;border:2px dashed #aac77a;border-radius:16px;font-weight:700;cursor:pointer}.upload input{display:block;max-width:100%;margin:16px auto 0}.scroll{overflow:auto;margin:22px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#7a897e;font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:15px 12px;border-bottom:1px solid #edf0e9}td:first-child{min-width:150px}.empty{padding:60px 12px;text-align:center;color:#899587}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}form label{display:grid;gap:8px;font-size:13px}input,select{padding:12px;border:1px solid #cdd8cb;border-radius:9px;font:inherit;background:white;color:#193b31}.notice{padding:16px;background:#e7f3d8;border-radius:12px}.balance{font:800 55px Manrope}.balance small{font-size:18px}.code{font:800 30px Manrope;letter-spacing:3px;border:1px dashed #a3ba8b;padding:20px;border-radius:12px;display:inline-block}footer{color:#879383;font-size:12px;margin-top:40px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #839f30;outline-offset:3px}@media(max-width:850px){aside{position:static;width:100%;padding:20px}.brand{font-size:27px}.brand span{font-size:8px}nav{display:flex;overflow:auto;margin-top:22px;gap:6px}nav a{white-space:nowrap;font-size:12px;padding:10px}.aside-note{display:none}main{margin:0;padding:24px 18px}.hero{padding:26px;min-height:300px}.coin{width:105px;height:105px;font-size:55px}.coin span{font-size:8px}.stats{gap:9px}.stats article{padding:15px}.stats strong{font-size:28px}.stats small{font-size:10px}.steps{display:block}header .badge{font-size:10px}h1{font-size:24px}.panel{padding:20px}}@media(max-width:460px){.coin{display:none}.hero h2{font-size:35px}.stats{grid-template-columns:1fr}.stats article{display:flex;align-items:center;justify-content:space-between}.stats strong{margin:0}.stats small{font-size:13px}}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:#193b31;color:#e1f3c5;padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.auth-art .coin{margin:40px 0;color:#193b31}.auth-art h2{font-size:clamp(36px,4vw,60px);margin-top:60px}.auth-card{max-width:500px;width:100%;padding:40px;margin:auto}.auth-card form{display:grid}.auth-card button{margin:10px 0}.auth-links{display:flex;gap:12px;flex-wrap:wrap}.auth-links button{background:none;color:#193b31;padding:0;font-size:12px}.secondary{background:#e7eee1;color:#193b31}.auth-card>button{display:block;width:100%;text-align:left}.aside-note button{margin-top:18px;font-size:11px;background:#355145;padding:10px}textarea{border:1px solid #cdd8cb;border-radius:12px;padding:15px;font:inherit;min-width:240px;max-width:100%;resize:vertical}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.reward-symbol{font-size:50px;color:#60803b;background:#e7f3d8;border-radius:14px;padding:25px;text-align:center}.reward-grid .panel{margin:10px 0}td code{font-size:11px;word-break:break-all}#mobile-logout{display:none}button:disabled{opacity:.45}@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-art{padding:30px}.auth-art h2{margin-top:25px}.auth-art .coin{display:none}.auth-card{padding:30px 24px}#mobile-logout{display:inline-block;margin-left:20px}form{align-items:stretch}form label{max-width:100%}}