@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #0f172a;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--accent: #2563eb;--accent-foreground: #ffffff;--muted: #f8fafc;--muted-foreground: #64748b;--border: #e2e8f0;--input: #e2e8f0;--ring: #3b82f6;--radius: .75rem}.container-narrow{max-width:800px;margin:2rem auto;padding:0 1rem}.container-wide{max-width:1000px;margin:2rem auto;padding:0 1rem}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f8fafc;color:#1e293b;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;transition:all .2s ease}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:700;letter-spacing:-.025em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e3a5f,#0f172a);position:relative;overflow:hidden;padding:1rem}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite;pointer-events:none}.auth-orb-1{width:400px;height:400px;background:#2563eb;top:-100px;left:-100px;animation-delay:0s}.auth-orb-2{width:300px;height:300px;background:#7c3aed;bottom:-50px;right:-50px;animation-delay:-3s}.auth-orb-3{width:200px;height:200px;background:#06b6d4;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.auth-container{display:flex;width:100%;max-width:960px;min-height:600px;border-radius:1.25rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:1;animation:authSlideUp .6s ease-out}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-brand-panel{flex:1;background:linear-gradient(160deg,#1e3a5f,#0f172a);padding:3rem;display:flex;align-items:center;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(37,99,235,.15) 0%,transparent 50%);pointer-events:none}.auth-brand-content{position:relative;z-index:1}.auth-brand-logo{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem}.auth-brand-logo span{color:#60a5fa}.auth-brand-tagline{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem;letter-spacing:-.02em}.auth-brand-description{color:#94a3b8;font-size:.95rem;line-height:1.6;margin:0 0 2rem}.auth-brand-features{display:flex;flex-direction:column;gap:.85rem}.auth-feature{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;font-size:.9rem;font-weight:500}.auth-feature-icon{font-size:1.1rem}.auth-form-panel{flex:1;background:#fff;padding:3rem;display:flex;align-items:center;justify-content:center}.auth-form-wrapper{width:100%;max-width:360px}.auth-title{font-size:1.75rem;font-weight:800;color:var(--primary);margin:0 0 .5rem}.auth-subtitle{color:var(--muted-foreground);font-size:.9rem;margin:0 0 1.75rem;line-height:1.5}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:.625rem;background:#fff;color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit}.auth-google-btn:hover{background:var(--secondary);border-color:#cbd5e1}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{color:var(--muted-foreground);font-size:.8rem;font-weight:500}.auth-field{margin-bottom:1.25rem}.auth-field label{display:block;font-size:.825rem;font-weight:600;color:var(--primary);margin-bottom:.4rem}.auth-field input{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:.625rem;font-size:.875rem;font-family:inherit;color:var(--primary);background:var(--muted);outline:none}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.auth-field input::placeholder{color:#94a3b8}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:2.75rem}.auth-toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;line-height:1}.auth-forgot{text-align:right;margin-bottom:1.25rem;margin-top:-.5rem}.auth-forgot button{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.auth-forgot button:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:.625rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:44px}.auth-submit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb66}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-switch{text-align:center;margin-top:1.5rem}.auth-switch p{color:var(--muted-foreground);font-size:.85rem;margin:0}.auth-switch button{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;font-size:.85rem;padding:0;font-family:inherit}.auth-switch button:hover{text-decoration:underline}@media (max-width: 768px){.auth-container{flex-direction:column;max-width:440px;min-height:auto}.auth-brand-panel{padding:2rem}.auth-brand-tagline{font-size:1.2rem}.auth-brand-description{display:none}.auth-form-panel{padding:2rem}}
