*{box-sizing:border-box}body{color:#fff;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);margin:0;font-family:Inter,sans-serif}.container{max-width:1100px;margin:auto;padding:30px}.card{background:#1c1c1c;border-radius:20px;margin-bottom:25px;padding:25px;transition:all .3s;box-shadow:0 0 25px #00ffcc0d}.card:hover{transform:translateY(-5px);box-shadow:0 0 35px #00ffcc26}button{cursor:pointer;color:#000;background:linear-gradient(90deg,#0fc,#00c3ff);border:none;border-radius:12px;padding:12px 18px;font-weight:700;transition:all .3s}button:hover{transform:scale(1.05);box-shadow:0 0 15px #0fc}input{color:#fff;background:#111;border:1px solid #333;border-radius:10px;width:100%;margin-bottom:15px;padding:12px}h1,h2,h3{margin-top:0}.navbar{background:#111;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:20px;display:flex}.navbar a{color:#0fc;margin-left:20px;text-decoration:none}