body{margin:0;background:#0f172a;color:#fff;font-family:Arial;display:flex;justify-content:center;align-items:center;min-height:100vh}.card{background:#1e293b;padding:30px;border-radius:14px;width:min(420px,92%);box-shadow:0 10px 30px rgba(0,0,0,.5)}h2{text-align:center}input,button{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:none;box-sizing:border-box}input{background:#334155;color:#fff}button{background:#3b82f6;color:#fff;font-weight:bold}button:hover{background:#2563eb}p{text-align:center;color:#86efac}