:root{--navy:#06122b;--blue:#1769f5;--cyan:#14d4df;--ink:#11203b;--muted:#667590;--line:#e5ebf4;--soft:#f6f9fe}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{font-weight:900;letter-spacing:-1px;font-size:20px;color:var(--navy)}.brand span{display:block;color:var(--blue);font-size:9px;letter-spacing:2.5px}.login{font-size:13px;font-weight:800;color:var(--blue)}.hero{background:radial-gradient(circle at 75% 35%,#143e88,#06122b 58%);color:#fff;padding:110px max(24px,calc((100% - 1180px)/2)) 84px;min-height:560px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:.98;letter-spacing:-5px;max-width:720px;margin:22px 0}.hero p{font-size:18px;color:#cfdaec;max-width:530px;line-height:1.55}.button{display:inline-block;background:linear-gradient(100deg,var(--blue),#1ab5e7);color:#fff;border-radius:8px;padding:14px 20px;font-size:13px;font-weight:900;margin-top:18px}.button span{margin-left:18px}.proof{display:flex;align-items:center;gap:10px;margin-top:65px;color:#bac9e0;font-size:11px}.proof b{color:var(--cyan);font-size:22px;margin-left:26px}.cards{max-width:1180px;margin:auto;padding:54px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.panel,.mini,.points{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff}.cards i{font-style:normal;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);width:42px;height:42px;border-radius:50%;font-size:22px}.cards h2{font-size:18px;margin:20px 0 8px}.cards p,.muted{color:var(--muted);font-size:13px;line-height:1.55}.closing{max-width:1180px;margin:0 auto 44px;padding:42px 40px;border-radius:16px;background:var(--soft);display:flex;justify-content:space-between;gap:60px}.closing h2{font-size:32px;line-height:1.05;margin:14px 0}.closing h2 span{color:var(--blue)}.closing p{max-width:450px;color:var(--muted);line-height:1.6;font-size:14px}footer{background:var(--navy);color:#bdcbe0;text-align:center;padding:18px;font-size:11px}.login-page{max-width:520px;margin:15vh auto;padding:24px}.login-page h1{font-size:42px;line-height:1;letter-spacing:-2px;margin:45px 0 15px}.login-page p{color:var(--muted);line-height:1.6}.back{display:block;color:var(--muted);font-size:12px;margin-top:30px}.dashboard{background:var(--soft)}.dash-wrap{max-width:1180px;margin:auto;padding:55px 24px 90px}.dash-wrap h1{font-size:48px;letter-spacing:-3px;margin:15px 0 5px}.wallet-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:34px 0}.points{background:linear-gradient(120deg,#06122b,#164a9f);color:#fff}.points span,.mini span{font-size:10px;font-weight:900;letter-spacing:1.5px}.points strong,.mini strong{display:block;font-size:52px;margin:16px 0 4px;letter-spacing:-3px}.points small{font-size:12px;color:#bed0ef}.mini strong{color:var(--blue)}.mini small{color:var(--muted);font-size:12px}.dash-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.panel-title h2{font-size:18px;margin:0}.panel-title span{font-size:10px;color:var(--muted)}.reward,.activity{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.reward i{font-style:normal;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eaf2ff;color:var(--blue)}.reward div{flex:1}.reward b,.reward small,.activity small{display:block}.reward small,.activity small{color:var(--muted);font-size:11px;margin-top:4px}.reward>strong{font-size:12px;color:var(--blue);white-space:nowrap}.activity{display:grid;grid-template-columns:1fr auto}.activity span{font-size:10px;text-transform:uppercase;color:var(--muted)}.activity b{color:#19a15b;font-size:12px}.activity small{grid-column:1/-1}@media(max-width:720px){.hero{padding-top:70px}.hero h1{letter-spacing:-3px}.proof{margin-top:42px;flex-wrap:wrap}.cards,.wallet-grid,.dash-columns{grid-template-columns:1fr}.closing{margin:0 18px 32px;display:block;padding:28px}.dash-wrap h1{font-size:38px}.login-page h1{font-size:36px}}