@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#071019;color:#f4f7f8;font:14px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{background:#0c1824;text-align:center;color:#b8f06a;padding:8px;font-size:12px}.nav{height:68px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;background:#071019ee;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.logo{background:#b8f06a;color:#071019;border-radius:11px;padding:9px 12px;font-size:20px}.navlinks{display:flex;gap:28px;color:#9aabb7}.btn{display:inline-block;border:0;border-radius:10px;padding:13px 18px;background:#b8f06a;color:#071019;font-weight:800;cursor:pointer}.btn.alt{background:#fff}.hero{padding:100px 0 120px;border-bottom:1px solid #ffffff12;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:56px 56px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{color:#b8f06a;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.hero h1{font-size:66px;line-height:.98;letter-spacing:-4px;margin:20px 0}.green{color:#b8f06a}.muted{color:#94a3ad;line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px}.preview{border:1px solid #ffffff22;border-radius:24px;padding:14px;background:#0c1824;box-shadow:0 0 60px #b8f06a22}.screen{background:#08121c;border-radius:17px;padding:28px}.metric{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.metric div,.card{background:#0d1a27;border:1px solid #ffffff12;border-radius:14px;padding:18px}.section{padding:80px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card h3{margin-top:0}.card.feature{background:#b8f06a;color:#071019}.card.feature .muted{color:#456421}.formbox{max-width:850px;margin:55px auto;border:1px solid #ffffff18;background:#0c1824;border-radius:18px;padding:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:25px}.step{height:5px;background:#ffffff18;border-radius:8px}.step.on{background:#b8f06a}.field{display:grid;gap:8px;margin:16px 0;color:#ccd6dc;font-weight:700}.field input,.field select,.field textarea{background:#08121c;border:1px solid #ffffff16;border-radius:9px;padding:13px;color:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{padding:15px;border-radius:12px;background:#b8f06a12;border:1px solid #b8f06a44;color:#d8f6b6}.qr{max-width:240px;background:#fff;padding:12px;border-radius:14px}.admin{display:flex;min-height:100vh}.side{width:240px;background:#08121c;padding:25px}.main{flex:1;padding:35px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ffffff12;font-size:12px}footer{border-top:1px solid #ffffff12;padding:45px 0;color:#8b9aa8}@media(max-width:760px){.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:49px}.grid{grid-template-columns:1fr}.navlinks{display:none}.row{grid-template-columns:1fr}.side{display:none}.main{padding:20px}.formbox{margin:30px 0;padding:20px}}
