@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;500;600;700&display=swap";:root{--primary-color:#ff006e;--secondary-color:#fb5607;--accent-purple:#8338ec;--accent-blue:#3a86ff;--bg-gradient:linear-gradient(135deg, #000 0%, #1a0b2e 50%, #0f1c3f 100%);--text-main:#fff;--text-muted:#d1d5db;--glass-bg:#14141499;--glass-border:#ffffff1a;--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d;--error:#ef4444;--error-bg:#ef444426;--success:#22c55e;--success-bg:#22c55e26}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.container{width:100%;max-width:450px;padding:1rem}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);text-align:center;border-radius:2rem;padding:3rem 2rem}.logo-container{text-align:center;margin-bottom:2.5rem}.title{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:200}.subtitle{color:var(--text-muted);letter-spacing:1px;font-size:1rem;font-weight:300}.form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.input-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-muted);padding-left:.5rem;font-size:.85rem;font-weight:300}.input-group input{color:#fff;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50px;outline:none;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1.1rem;font-weight:300;transition:all .3s}.input-group input:focus{border-color:var(--accent-blue);background:#ffffff1a;box-shadow:0 0 15px #3a86ff33}.input-group input::placeholder{color:#fff6}.btn{background:linear-gradient(90deg, var(--accent-blue), #00b4d8);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;width:100%;margin-top:1rem;padding:1rem 3rem;font-size:1.1rem;font-weight:300;transition:all .3s;box-shadow:0 4px 15px #3a86ff66}.btn:hover:not(:disabled){background:linear-gradient(90deg, #00b4d8, var(--accent-blue));transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #3a86ff99}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{text-align:center;letter-spacing:.5px;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:300}.alert-error{background-color:var(--error-bg);color:var(--error);border:1px solid #ef44444d}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid #22c55e4d}