body{background:linear-gradient(135deg,#0f172a,#1e3a8a);margin:0;font-family:Arial,Helvetica,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:#fff;border-radius:18px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 50px #0003}h1{color:#0f172a;margin-top:0}p{color:#475569}input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;width:100%;margin-top:12px;padding:14px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:18px;padding:14px;font-weight:700}button:hover{background:#1d4ed8}