body{margin:0;font-family:Poppins,sans-serif;background:#0f172a;color:#e2e8f0}.container{padding:20px;max-width:1000px;margin:auto}.navbar{display:flex;justify-content:space-between;padding:15px 30px;background:#020617;border-bottom:1px solid #1e293b}.nav-link{color:#e2e8f0;margin-right:15px;text-decoration:none;font-weight:500}.nav-link:hover{color:#38bdf8}.card{background:#020617;padding:20px;margin-top:15px;border-radius:12px;border:1px solid #1e293b;transition:.3s}.card:hover{transform:translateY(-4px);border-color:#38bdf8}button,.btn{background:#38bdf8;color:#020617;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700}button:hover{background:#0ea5e9}.badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700}.easy{background:#064e3b;color:#4ade80}.medium{background:#78350f;color:#facc15}.hard{background:#7f1d1d;color:#f87171}input,select,textarea{padding:10px;border-radius:8px;border:none;margin:10px 0;width:100%;background:#020617;color:#fff;border:1px solid #1e293b}textarea{height:200px;font-family:monospace}h1{color:#38bdf8}