@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
.auth-page-wrapper{background:linear-gradient(135deg,#f3e8ff 0%,#e0e7ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-shell{-webkit-backdrop-filter:blur(40px);background:#fff6;border:1px solid #fff9;border-radius:32px;gap:16px;width:100%;max-width:1100px;height:max-content;min-height:auto;padding:16px;font-family:Inter,sans-serif;display:flex;box-shadow:0 24px 60px #4f46e526}.auth-left{flex-direction:column;flex:1.2;justify-content:space-between;padding:24px;display:flex;position:relative}.auth-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.auth-brand img{border-radius:12px}.auth-brand span{color:#1e1b4b;letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.auth-left-character{flex:1;justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}.auth-left-character img{object-fit:contain;filter:drop-shadow(0 20px 40px #0000001a);width:100%;max-height:280px;animation:6s ease-in-out infinite auth-float}@keyframes auth-float{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}.auth-left-content{color:#1e1b4b;max-width:480px}.auth-left-content h2{letter-spacing:-.03em;margin-bottom:12px;font-size:1.8rem;font-weight:800;line-height:1.2}.auth-left-content p{color:#4338ca;font-size:1rem;line-height:1.6}.auth-right{background:#fff;border-radius:24px;flex:1;justify-content:center;align-items:center;width:100%;max-width:480px;padding:24px 32px;display:flex;box-shadow:0 10px 40px #00000014}.auth-card{width:100%;max-width:400px}.auth-tabs{background:#f1f5f9;border-radius:99px;margin-bottom:24px;padding:6px;display:flex}.auth-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:99px;flex:1;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s}.auth-tab.active{color:#0f172a;background:#fff;box-shadow:0 4px 12px #0f172a14}.auth-card-body{padding:0}.auth-card-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 8px;font-size:1.6rem;font-weight:900}.auth-card-sub{color:#64748b;margin:0 0 24px;font-size:.95rem;line-height:1.55}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 14px;font-size:.9rem;font-weight:600;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{color:#1e293b;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}.auth-field input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.auth-input-wrapper{width:100%;display:flex;position:relative}.auth-input-wrapper input{width:100%;padding-right:44px!important}.auth-toggle-password{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-toggle-password:hover{color:#0f172a}.auth-toggle-password svg{width:20px;height:20px}.auth-forgot{color:#6366f1;font-size:.82rem;font-weight:700;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:1.05rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.auth-submit:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-divider{text-align:center;color:#94a3b8;align-items:center;margin:20px 0;font-size:.85rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.auth-divider:before{margin-right:16px}.auth-divider:after{margin-left:16px}.auth-google-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.auth-google-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:#64748b;margin-top:16px;font-size:.95rem}.auth-switch-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;font-weight:800}.auth-switch-btn:hover{text-decoration:underline}@media (max-width:900px){.auth-page-wrapper{padding:12px}.auth-shell{border-radius:24px;flex-direction:column;gap:8px;min-height:auto;padding:8px}.auth-left{flex:none;padding:16px}.auth-brand{justify-content:center}.auth-brand img{width:32px;height:32px}.auth-brand span{font-size:1.2rem}.auth-left-character{padding:10px 0}.auth-left-character img{max-height:240px}.auth-left-content{display:none}.auth-right{border-radius:20px;max-width:100%;padding:24px 16px}}