:root{--primary-color:#4361ee;--primary-hover:#3a56d4;--text-color:#2b2d42;--light-text:#8d99ae;--border-color:#e9ecef;--bg-color:#f8f9fa;--card-bg:#ffffff;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,0.08);}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color);}.auth-card{width:100%;max-width:480px;background-color:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem;animation:fadeIn 0.4s ease;}.auth-header{text-align:center;margin-bottom:2rem;}.auth-header .logo{font-size:1.75rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;margin-bottom:1rem;}.auth-header h1{font-size:1.75rem;font-weight:600;color:var(--text-color);margin-bottom:0.5rem;}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;font-size:0.95rem;font-weight:500;color:var(--text-color);}.form-group input{width:100%;padding:0.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:all 0.2s ease;}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,0.1);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 1.5rem;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none;}.btn.primary{background-color:var(--primary-color);color:white;width:100%;}.btn.primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);}.btn-text{background:none;border:none;color:var(--primary-color);font-size:0.85rem;font-weight:500;cursor:pointer;padding:0.25rem 0.5rem;margin-left:0.5rem;}.btn-text:disabled{color:var(--light-text);cursor:not-allowed;}.auth-footer{text-align:center;margin-top:1.5rem;font-size:0.95rem;color:var(--light-text);}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500;}.auth-footer a:hover{text-decoration:underline;}.error-message{color:#f72585;margin-top:1.5rem;padding:1rem;background-color:rgba(247,37,133,0.05);border-radius:var(--radius);display:none;}.verification-group{margin-top:2rem;}.verification-input{display:flex;align-items:center;}.verification-input input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;}.verification-input .btn-text{white-space:nowrap;height:100%;border:1px solid var(--border-color);border-left:none;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);background-color:#f8f9fa;display:flex;align-items:center;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media (max-width:576px){.auth-card{padding:1.5rem;}.auth-header h1{font-size:1.5rem;}}.remember-me{display:flex;align-items:center;margin-bottom:1.5rem;}.remember-me input{width:auto;margin-right:0.5rem;}.remember-me label{margin-bottom:0;font-size:0.95rem;color:var(--light-text);}.forgot-password{text-align:right;margin-top:-1rem;margin-bottom:1.5rem;}.forgot-password a{color:var(--primary-color);font-size:0.9rem;text-decoration:none;}.forgot-password a:hover{text-decoration:underline;}.hint{font-size:0.8rem;margin-top:0.3rem;height:1rem;}.password-strength{display:flex;align-items:center;margin-top:0.5rem;gap:0.3rem;}.strength-bar{height:4px;flex:1;background-color:#e9ecef;border-radius:2px;transition:all 0.3s ease;}.strength-text{font-size:0.8rem;margin-left:0.5rem;font-weight:500;}.terms{display:flex;align-items:center;margin:1.5rem 0;font-size:0.9rem;color:var(--light-text);}.terms input{width:auto;margin-right:0.5rem;}.terms a{color:var(--primary-color);text-decoration:none;}.terms a:hover{text-decoration:underline;}