:root{color-scheme:dark;--green:#57f287;--bg:#090d0b;--card:#141b17;--line:#26372d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#173321 0%,var(--bg) 48%);color:#f3f7f4;font-family:Segoe UI,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:25px max(5%,calc((100vw - 1150px)/2));border-bottom:1px solid var(--line)}.logo{font-weight:900;letter-spacing:1px}.logo span,em{color:var(--green);font-style:normal}nav{display:flex;gap:25px}a{color:inherit;text-decoration:none}nav a:hover{color:var(--green)}main{max-width:1150px;margin:auto;padding:0 22px}.hero{text-align:center;padding:95px 10px 100px}.tag{color:var(--green);font-size:12px;letter-spacing:3px;font-weight:700}h1{font-size:clamp(32px,5vw,64px);line-height:1.08;max-width:850px;margin:20px auto}.hero>p:not(.tag){color:#a9b8ad;max-width:550px;margin:20px auto 35px}.cta{display:inline-block;background:var(--green);color:#06120a;padding:15px 27px;border-radius:9px;font-weight:800}h2{font-size:30px;text-align:center}.sub{text-align:center;color:#9eb0a4;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.grid article{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:27px 20px;text-align:center}.grid .featured{border-color:var(--green);box-shadow:0 0 35px #57f28712}.symbol{color:var(--green);font-size:29px;height:42px}h3{font-size:21px}.price{font-size:27px;font-weight:800;color:var(--green)}article p{color:#a8b7ac;min-height:54px;font-size:14px}button{width:100%;border:1px solid #395e45;background:#25382b;color:#9ab3a2;padding:12px;border-radius:8px;cursor:not-allowed}.about{text-align:center;padding:90px 10px;color:#afc0b4}.about h2{color:#fff}.about p{max-width:670px;margin:auto}footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:#84998b;font-size:13px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){header{flex-direction:column;gap:16px}.grid{grid-template-columns:1fr}.hero{padding:65px 0}}