body { background: linear-gradient(135deg, #0f0f0f, #1c1c1c); color: #fff; font-family: 'Segoe UI', Arial, sans-serif; margin:0; padding:0; }
.container { width: 420px; margin: 60px auto; background: #1e1e1e; padding: 30px; border-radius: 14px; box-shadow: 0 0 25px rgba(0,0,0,0.6); animation: fadeIn 0.5s ease; }
input { width:100%; padding:12px; margin:8px 0; background:#2b2b2b; border:1px solid #444; border-radius:6px; color:#fff; font-size:15px; } input:focus { border-color:#3498db; outline:none; }
.btn { display:block; background:#3498db; padding:12px; color:#fff; margin:12px 0; text-align:center; text-decoration:none; border-radius:6px; font-size:16px; transition:0.3s; } .btn:hover { background:#2980b9; } .btn.red { background:#e74c3c; } .btn.red:hover { background:#c0392b; }
.btn.red { background:#e74c3c; }