:root{--bg:#08100d;--text:#fff5df;--gold:#ffbd3d;--green:#26d17c;--line:#ffbd3d33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}main{background:radial-gradient(circle at 75% 15%,#26d17c21,transparent 30%),var(--bg)}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:18px 24px;display:flex}.brand{align-items:center;gap:10px;font-weight:900;display:flex}.brand b,.eyebrow{color:var(--gold)}nav{color:#bdd0c6;gap:26px;font-size:.85rem;display:flex}.hero{grid-template-columns:1fr .85fr;align-items:center;max-width:1160px;min-height:680px;margin:auto;padding:70px 24px;display:grid}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:900}.hero h1,.guides h2,.learn h2{letter-spacing:-.055em;margin:12px 0 22px;font-size:clamp(3rem,6vw,5.6rem);line-height:1}.hero h1 span{color:var(--green);display:block}.hero p,.guides p,.learn{color:#b7c7bf;line-height:1.75}.hero>div>p{max-width:600px}.hero>img{border:1px solid var(--line);border-radius:50%;width:100%;height:auto}.button{background:linear-gradient(135deg,var(--gold),#ff7430);color:#1d0b03;border-radius:999px;margin-top:18px;padding:14px 21px;font-weight:900;display:inline-flex}.guides,.learn{max-width:1120px;margin:auto;padding:85px 24px}.guides h2,.learn h2{font-size:clamp(2.2rem,4vw,3.4rem)}.guides>div{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.guides article{border:1px solid var(--line);background:#ffffff09;border-radius:24px;padding:30px}.guides article>b,.guides article>a{color:var(--gold)}.guides h3{font-size:1.35rem}.learn{grid-template-columns:1fr 1fr;gap:70px;display:grid}.learn ul{margin:0;padding:0;list-style:none}.learn li{border-top:1px solid var(--line);padding:18px 0}footer{border-top:1px solid var(--line);color:#91a49a;flex-wrap:wrap;justify-content:center;gap:24px;padding:32px;font-size:.78rem;display:flex}@media (max-width:720px){body{padding-bottom:72px}header{padding:12px 16px}header nav{z-index:10;border:1px solid var(--line);background:#08100df2;border-radius:16px;justify-content:space-around;padding:14px;position:fixed;bottom:8px;left:10px;right:10px}.hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding:55px 18px}.hero h1{font-size:3.2rem}.hero>img{margin-top:45px}.guides,.learn{padding:65px 18px}.guides>div,.learn{grid-template-columns:1fr}.learn{gap:25px}}