@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@500;700;800&display=swap');
:root{--bg:#08120f;--panel:#101f19;--green:#b7f36b;--text:#f5f8f3;--muted:#a8b9ae;--line:#294137}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{padding:18px 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 1.2rem Manrope,sans-serif;display:flex;align-items:center;gap:10px}.brand b{background:var(--green);color:#102014;border-radius:9px;padding:5px 8px;font-size:.8rem}nav{display:flex;gap:25px;color:var(--muted);font-size:.9rem}.hero{padding:75px 7%;display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:center;background:radial-gradient(ellipse at 80% 45%,#173b29,transparent 50%)}.tag{font-size:.72rem;letter-spacing:.15em;color:var(--green);font-weight:bold}.hero h1{font:800 clamp(2.7rem,5vw,4.7rem)/1.06 Manrope,sans-serif;letter-spacing:-.06em;margin:15px 0}.hero em{color:var(--green);font-style:normal}.lead{color:var(--muted);font-size:1.1rem;max-width:590px}.btn{display:inline-block;margin:15px 8px 0 0;padding:12px 17px;border-radius:8px;background:var(--green);color:#102014;font-weight:bold}.ghost{background:transparent;border:1px solid #456153;color:var(--text)}.trust{font-size:.78rem;color:#c3d1c8;margin-top:25px}.visual{padding:45px 20px;border:1px solid #355544;border-radius:20px;background:linear-gradient(145deg,#153a28,#0b1b14);display:grid;place-items:center}.profile{background:#0c1914;border:1px solid #456c52;border-radius:15px;padding:24px;width:min(100%,350px)}.avatar{float:left;margin:0 14px 12px 0;width:55px;height:55px;display:grid;place-items:center;background:var(--green);color:#102014;border-radius:13px;font-size:1.5rem;font-weight:bold}.profile small{font-size:.68rem;color:var(--green)}.profile h3{margin:2px 0}.profile p{margin:0;color:var(--muted);font-size:.85rem}.stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.stats div{display:grid}.stats strong{font:700 1.4rem Manrope}.stats span{font-size:.75rem;color:var(--muted)}section:not(.hero){padding:70px 7%}h2{font:800 clamp(2rem,3.5vw,3rem)/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:8px 0 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article,.list{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.cards article>b{color:var(--green)}.cards p,.road p:not(.tag),.signup>p{color:var(--muted)}.dark{background:#0b1712}.four{grid-template-columns:repeat(4,1fr)}.road{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.list p{padding:10px;border-bottom:1px solid var(--line);color:var(--text)}.list p:last-child{border:0}.signup{text-align:center;background:linear-gradient(120deg,#153322,#0c1a13);border-block:1px solid #274433}.signup>p{max-width:650px;margin:10px auto}.roles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px}.roles button{padding:12px 16px;background:#0e2017;border:1px solid #3a5944;border-radius:8px;color:var(--text);font:inherit;cursor:pointer}.roles button:hover{border-color:var(--green);color:var(--green)}#message{color:var(--green);min-height:26px}footer{padding:25px 7%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem}@media(max-width:800px){header{padding:16px 5%}nav{display:none}.hero,.road{grid-template-columns:1fr;padding:50px 5%}.cards,.four{grid-template-columns:1fr 1fr}section:not(.hero){padding:55px 5%}footer{padding:22px 5%;flex-direction:column}}@media(max-width:480px){.cards,.four{grid-template-columns:1fr}.btn{margin-right:0}.hero h1{font-size:2.7rem}}