.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-left{background:linear-gradient(135deg,#1a1f36,#2d3561,#1a1f36);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;width:300px;height:300px;background:#4f8ef71a;border-radius:50%;top:-80px;right:-80px}.auth-left:after{content:"";position:absolute;width:200px;height:200px;background:#4f8ef714;border-radius:50%;bottom:-60px;left:-60px}.auth-left-content{position:relative;z-index:1;max-width:380px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand-icon{font-size:2rem;animation:float 3s ease-in-out infinite}.brand-name{font-family:var(--font-d);font-size:1.8rem;font-weight:800;color:#fff;letter-spacing:-.5px}.auth-left-title{font-family:var(--font-d);font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.auth-left-sub{font-size:.95rem;color:#ffffffa6;line-height:1.7;margin-bottom:28px}.auth-features{display:flex;flex-direction:column;gap:10px}.feature-item{font-size:.9rem;color:#fffc;font-weight:500;padding:8px 14px;background:#ffffff12;border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.auth-right{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg-main)}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1.5px solid var(--border);width:100%;max-width:420px;padding:32px}.auth-card-header{margin-bottom:24px}.auth-card-title{font-family:var(--font-d);font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.auth-card-sub{font-size:.875rem;color:var(--text-secondary)}.alert-success{padding:12px 16px;background:var(--success-light);border:1.5px solid #86efac;border-radius:var(--radius-sm);color:#166534;font-size:.875rem;font-weight:500;margin-bottom:16px}.alert-error{padding:12px 16px;background:var(--danger-light);border:1.5px solid #fca5a5;border-radius:var(--radius-sm);color:#991b1b;font-size:.875rem;font-weight:500;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:13px;color:var(--text-muted);pointer-events:none;z-index:1}.form-input{width:100%;padding:11px 42px 11px 40px;background:#f9fafb;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-b);font-size:.9rem;color:var(--text-primary);transition:border-color .18s,box-shadow .18s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #4f8ef71a}.form-input.input-error{border-color:var(--danger)}.eye-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.eye-btn:hover{color:var(--accent)}.field-error{font-size:.76rem;color:var(--danger)}.btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-d);font-size:1rem;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px #4f8ef74d;margin-top:4px}.btn-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #4f8ef761}.btn-submit:disabled{opacity:.65;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1.5px;background:var(--border)}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.btn-social{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-d);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s;background:#fff}.btn-google{color:#444}.btn-google:hover:not(:disabled){background:#fff5f5;border-color:#fca5a5;transform:translateY(-1px)}.btn-github{color:var(--github)}.btn-github:hover:not(:disabled){background:#f4f4f4;border-color:#aaa;transform:translateY(-1px)}.btn-social:disabled{opacity:.65;cursor:not-allowed}.auth-footer{text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}@media (max-width: 768px){.auth-page{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:24px 16px}.auth-card{padding:24px 20px}}.home-page{min-height:100vh;background:var(--bg-main)}.home-navbar{background:var(--primary);box-shadow:0 2px 12px #0000002e;position:sticky;top:0;z-index:100}.home-navbar-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px}.nav-brand-icon{font-size:1.4rem}.nav-brand-name{font-family:var(--font-d);font-size:1.2rem;font-weight:700;color:#fff}.btn-logout{display:flex;align-items:center;gap:7px;padding:9px 18px;background:#ef444426;color:#fca5a5;border:1.5px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);font-family:var(--font-d);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s}.btn-logout:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.home-main{max-width:1100px;margin:0 auto;padding:32px 24px 80px;display:flex;flex-direction:column;gap:20px}.welcome-card{background:linear-gradient(135deg,#1a1f36,#2d3561);border-radius:var(--radius-xl);padding:28px 32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.welcome-avatar{width:64px;height:64px;border-radius:16px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:3px solid rgba(255,255,255,.2)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:var(--font-d);font-size:1.4rem;font-weight:700;color:#fff}.welcome-text{flex:1}.welcome-title{font-family:var(--font-d);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:6px}.welcome-sub{font-size:.875rem;color:#ffffffa6}.welcome-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#22c55e26;border:1.5px solid rgba(34,197,94,.3);border-radius:999px;color:#86efac;font-size:.8rem;font-weight:600;white-space:nowrap}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-sm)}.info-card-title{display:flex;align-items:center;gap:8px;font-family:var(--font-d);font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:18px;padding-bottom:12px;border-bottom:1.5px solid var(--border)}.info-rows{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.info-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.info-value{font-size:.875rem;color:var(--text-primary);font-weight:600;text-align:right;word-break:break-all}.provider-badge{display:flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);padding:4px 10px;border-radius:999px;font-size:.8rem}.features-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-sm)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.feature-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-main);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.feature-status{margin-left:auto}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}.welcome-card{padding:20px}.features-grid{grid-template-columns:1fr 1fr}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a1f36;--primary-light: #252d4a;--accent: #4f8ef7;--accent-hover: #3a78e6;--accent-light: #e8f0fe;--success: #22c55e;--success-light: #dcfce7;--danger: #ef4444;--danger-light: #fee2e2;--google: #ea4335;--github: #24292e;--text-primary: #1a1f36;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-main: #f0f4ff;--bg-card: #ffffff;--border: #e5e7eb;--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 4px 18px rgba(0,0,0,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-d: "Outfit", sans-serif;--font-b: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-b);background:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeIn{animation:fadeIn .4s ease both}.animate-scaleIn{animation:scaleIn .35s cubic-bezier(.34,1.4,.64,1) both}.spin{animation:spin .8s linear infinite}