.container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 30px #00000014}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;transition:.2s}.input::placeholder{color:#9ca3af}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.button-row{display:flex;gap:10px;margin-top:14px}.btn{flex:1;padding:12px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#2563eb;color:#fff;border:none}.btn-primary:hover{background:#1d4ed8}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{border-color:#2563eb;color:#2563eb}.btn:disabled{opacity:.9;cursor:not-allowed}