*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0b0d10;color:#f3f4f6;line-height:1.7}a{color:inherit;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 6%;background:#11151b;border-bottom:1px solid #242a32;gap:12px}.top nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.brand{font-size:24px;font-weight:800}.brand span{color:#4ade80}.hero{padding:70px 7%;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.hero h1{font-size:48px;margin:10px 0}.hero h1 span{color:#4ade80}.tag{color:#4ade80;font-weight:bold}.hero-card,.card,.course,.authbox{background:#12171e;border:1px solid #27303a;border-radius:18px;padding:22px}.hero-card{text-align:center;min-height:240px}.play{font-size:50px}.section{padding:45px 7%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.course{display:flex;flex-direction:column;gap:8px}.course-icon{font-size:40px}.btn{display:inline-block;border:0;border-radius:10px;padding:11px 16px;background:#4ade80;color:#06100a;font-weight:700;cursor:pointer;margin-top:8px}.ghost{background:#202832;color:#fff}.linkbtn{background:none;color:#fff;border:0;cursor:pointer;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.authbox{width:min(440px,100%)}input,textarea{width:100%;padding:13px;margin:8px 0;background:#0c1117;color:#fff;border:1px solid #2b3440;border-radius:10px}textarea{min-height:110px}label{display:block;margin:10px 0}.error{color:#ff8d8d}.hidden{display:none!important}footer{text-align:center;padding:30px;color:#9ca3af}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero h1{font-size:36px}.top{align-items:flex-start}.top nav{justify-content:flex-end}}