:root{--black:#050505;--gold:#d4af37;--blue:#0052cc;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#020202,#111);color:#fff}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.92);border-bottom:1px solid rgba(212,175,55,.35);display:flex;justify-content:space-between;align-items:center;padding:12px 5vw}.brand{display:flex;gap:12px;align-items:center;font-weight:900;color:var(--gold)}.brand img{height:48px}.topbar nav{display:flex;gap:10px;align-items:center}.topbar nav a{padding:9px 12px;border-radius:12px}.btn,.topbar nav a:hover{background:linear-gradient(135deg,var(--gold),#8a6d15);color:#080808;font-weight:800;border:0;padding:12px 18px;border-radius:14px;cursor:pointer;display:inline-block}.btn.small{padding:8px 12px}.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.red{background:var(--red);color:#fff}.hero{min-height:75vh;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:60px 6vw;background:radial-gradient(circle at 20% 20%,rgba(0,82,204,.25),transparent 30%),radial-gradient(circle at 80% 10%,rgba(212,175,55,.25),transparent 30%)}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1;margin:0}.gold{color:var(--gold)}.moto{font-size:18px;line-height:1.8;color:#eee}.wrap{max-width:1200px;margin:auto;padding:35px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card,.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.28);border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.hero-card img{width:100%;max-height:240px;object-fit:contain}.card h3{color:var(--gold);margin-top:0}input,select,textarea{width:100%;padding:13px;border-radius:12px;border:1px solid #334155;background:#0f172a;color:#fff;margin:6px 0 14px}textarea{min-height:160px}.form{max-width:680px}.alert{padding:12px;border-radius:12px;background:#281616;border:1px solid var(--red);margin-bottom:12px}.success{background:#102518;border-color:var(--green)}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);border-radius:16px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#172554;color:#bfdbfe}.progress{height:12px;border-radius:99px;background:#222;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green))}.lesson-content{font-size:17px;line-height:1.8}.lesson-content h2,.lesson-content h3{color:var(--gold)}.question{margin:18px 0;padding:16px;background:rgba(255,255,255,.05);border-radius:16px}footer{text-align:center;padding:30px;color:#ccc;border-top:1px solid rgba(212,175,55,.25)}@media(max-width:780px){.hero{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar nav{flex-wrap:wrap;justify-content:center}.brand img{height:38px}}