:root{--primary:#0a4a4e;--secondary:#1f2937;--accent:#f4b400;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text-main:#1f2937;--text-muted:#4b5563;--bg-dark:#0a4a4e;--bg-light:#f9fafb;--glass-bg:#ffffffd9;--glass-border:#0a4a4e14}body{background-color:var(--bg-light)}.bg-glow{z-index:-1;background:radial-gradient(circle at 20% 30%,#f4b4001a,#0000 45%),radial-gradient(circle at 80% 70%,#0a4a4e1f,#0000 45%);width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px -15px #0a4a4e14,0 15px 25px -10px #0a4a4e0a,0 0 1px #0a4a4e1a}@media (max-width:768px){.glass-card{box-sizing:border-box;border-radius:16px;max-width:100%;padding:1.5rem}.auth-container{padding:1rem .5rem}.input-group{margin-bottom:1.25rem}.input-field{padding:.75rem 1rem;font-size:.95rem}.btn-primary-landing,.btn-outline-landing{justify-content:center;width:100%;padding:.75rem 1.25rem;font-size:.95rem}.otp-container{flex-wrap:nowrap;gap:.35rem}.otp-input{flex:1;min-width:0;max-width:3.5rem;height:3.5rem;font-size:1.25rem}}@media (max-width:480px){.auth-container{padding:.5rem .125rem}.glass-card{padding:1.25rem}.input-field{padding:.7rem .9rem;font-size:.9rem}.input-group label{font-size:.85rem}.btn-primary-landing,.btn-outline-landing{padding:.7rem 1rem;font-size:.9rem}}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{width:100%;color:var(--text-main);background:#1f293705;border:1px solid #0a4a4e1a;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);background:#ffffffd9;outline:none;box-shadow:0 0 0 4px #0a4a4e14}.btn-primary-landing{background:var(--accent);color:var(--secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary-landing:hover{box-shadow:0 10px 20px -10px var(--accent);filter:brightness(1.05);transform:translateY(-2px)}.btn-outline-landing{border:1px solid var(--accent);color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline-landing:hover{background:#0a4a4e0a}.auth-container{width:100%;max-width:480px;margin:auto;padding:2rem}.text-link{color:var(--primary);font-weight:600;text-decoration:none;transition:opacity .2s}.text-link:hover{opacity:.8}.otp-container{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;width:3.5rem;height:4rem;color:var(--text-main);background:#1f293705;border:1px solid #0a4a4e1a;border-radius:12px;font-size:1.5rem;font-weight:700}.otp-input:focus{border-color:var(--primary);background:#ffffffd9;outline:none;box-shadow:0 0 0 4px #0a4a4e14}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}
