@keyframes login-page-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-page-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes login-page-blob-float{0%,to{transform:translate(0)}50%{transform:translate(3%,-5%)}}@keyframes login-page-blob-float-alt{0%,to{transform:translate(0)}50%{transform:translate(-4%,3%)}}@keyframes login-page-logo-glow{0%,to{box-shadow:0 12px 40px rgba(13,148,136,.35)}50%{box-shadow:0 16px 48px rgba(13,148,136,.5)}}@keyframes login-page-redirect-overlay-in{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(12px)}}@keyframes login-page-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes login-page-spin{to{transform:rotate(1turn)}}@keyframes login-input-nudge-kf{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}@keyframes login-form-card-shake{0%,to{transform:translateX(0)}12%{transform:translateX(-6px)}24%{transform:translateX(6px)}36%{transform:translateX(-4px)}48%{transform:translateX(4px)}60%{transform:translateX(-2px)}72%{transform:translateX(2px)}84%{transform:translateX(-1px)}}@keyframes login-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(20,184,166,.18),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(13,148,136,.12),transparent),radial-gradient(ellipse 50% 30% at 0 80%,rgba(20,184,166,.1),transparent),linear-gradient(165deg,var(--color-background-gradient-start) 0,var(--color-background) 40%,var(--color-background-gradient-end) 100%)}.login-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.login-page .login-page__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0}.login-page .login-page__blob--1{width:min(85vw,480px);height:min(85vw,480px);top:-15%;left:-10%;background:radial-gradient(circle,rgba(20,184,166,.4) 0,transparent 65%);animation:login-page-blob-float 18s ease-in-out infinite}.login-page .login-page__blob--2{width:min(75vw,400px);height:min(75vw,400px);bottom:-10%;right:-8%;background:radial-gradient(circle,rgba(13,148,136,.35) 0,transparent 65%);animation:login-page-blob-float-alt 22s ease-in-out infinite}.login-page__redirect-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);animation:login-page-redirect-overlay-in .4s ease-out}.login-page__redirect-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.login-page__redirect-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--sidebar-accent) 0,var(--color-primary) 100%);box-shadow:0 12px 32px rgba(13,148,136,.45);position:relative;animation:login-page-pulse 1.2s ease-in-out infinite}.login-page__redirect-check:after,.login-page__redirect-check:before{content:"";position:absolute;background:#fff;border-radius:2px}.login-page__redirect-check:before{width:16px;height:4px;left:16px;top:32px;transform:rotate(-45deg)}.login-page__redirect-check:after{width:28px;height:4px;left:22px;top:32px;transform:rotate(45deg)}.login-page__redirect-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:#0f172a;letter-spacing:.02em;text-shadow:0 1px 2px rgba(255,255,255,.8)}@media (prefers-color-scheme:dark){.login-page__redirect-overlay{background:rgba(15,23,42,.95)}.login-page__redirect-text{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.login-page__redirect-progress{background:rgba(241,245,249,.2)}}.login-page__redirect-progress{width:200px;height:4px;background:rgba(15,23,42,.12);border-radius:999px;overflow:hidden}.login-page__redirect-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--sidebar-accent) 100%);border-radius:999px;animation:login-page-redirect-progress 1.3s ease-out forwards}@keyframes login-page-redirect-progress{0%{width:0}to{width:100%}}.login-page__grid{width:100%;max-width:64rem;display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:center;justify-items:center;position:relative;z-index:1;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}@media (min-width:1024px){.login-page__grid{grid-template-columns:1fr 1fr;gap:var(--space-12);padding:var(--space-8)}}.login-page__grid--visible{opacity:1;transform:translateY(0)}.login-page__main{width:100%;max-width:28rem;display:flex;flex-direction:column;gap:var(--space-8)}.login-page__hero{text-align:center}.login-page__hero .login-page__logo{animation:login-page-fade-in-up .6s cubic-bezier(.22,1,.36,1) both}.login-page__hero .login-page__title{animation:login-page-fade-in-up .5s cubic-bezier(.22,1,.36,1) .1s both}.login-page__hero .login-page__tagline{animation:login-page-fade-in-up .5s cubic-bezier(.22,1,.36,1) .15s both}.login-page__hero .login-page__subtitle{animation:login-page-fade-in-up .5s cubic-bezier(.22,1,.36,1) .2s both}.login-page__logo{width:var(--login-logo-size);height:var(--login-logo-size);margin:0 auto var(--space-5);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 40px rgba(13,148,136,.35);animation:login-page-logo-glow 3s ease-in-out infinite;transition:transform .3s ease}.login-page__logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.login-page__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:-.03em;line-height:1.2;font-family:var(--font-display)}.login-page__tagline{margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);letter-spacing:.02em}.login-page__subtitle{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.login-form-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.7);border-radius:1.5rem;padding:var(--space-8);box-shadow:var(--shadow-xl),0 0 0 1px rgba(255,255,255,.9),0 24px 48px -12px rgba(15,23,42,.1);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:var(--space-6);animation:login-page-scale-in .5s cubic-bezier(.22,1,.36,1) .15s both;transition:box-shadow .3s ease,border-color .3s ease}.login-form-card:focus-within{box-shadow:var(--shadow-xl),0 0 0 2px rgba(13,148,136,.2),0 24px 48px -12px rgba(15,23,42,.12);border-color:rgba(13,148,136,.15)}.login-form-card--shake{animation:login-form-card-shake .22s ease-in-out}.login-form-fields{display:flex;flex-direction:column;gap:var(--space-4)}.login-form-field{animation:login-page-fade-in-up .35s cubic-bezier(.22,1,.36,1) both}.login-form-field:first-child{animation-delay:.2s}.login-form-field:nth-child(2){animation-delay:.28s}.login-form-field:nth-child(3){animation-delay:.36s}.login-form-field:nth-child(4){animation-delay:.44s}.login-form-field:nth-child(5){animation-delay:.52s}.login-form-field:nth-child(6){animation-delay:.6s}.login-form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:#0f172a;margin-bottom:var(--space-1)}.login-form-field-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-danger);animation:login-page-fade-in-up .25s ease}.login-form-field-hint{color:var(--color-text-subtle)}.login-form-capslock,.login-form-field-hint{margin-top:var(--space-1);font-size:var(--text-xs)}.login-form-capslock{display:flex;align-items:center;gap:var(--space-1);color:var(--color-warning)}.login-form-field .relative{position:relative}.login-form-password-toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);padding:var(--space-1);color:var(--color-text-muted);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color .2s ease,background .2s ease}.login-form-password-toggle:hover{color:var(--color-text);background:rgba(0,0,0,.05)}.login-input-nudge{animation:login-input-nudge-kf .14s ease-in-out;border-color:var(--color-danger)!important;box-shadow:0 0 0 2px rgba(220,38,38,.2)}.login-form-error{background:var(--color-danger-bg);border:1px solid #fecaca;color:#b91c1c;border-radius:var(--radius-md);font-size:var(--text-sm);white-space:pre-line;animation:login-page-fade-in-up .3s ease}.login-form-error,.login-form-submit{padding:var(--space-3) var(--space-4)}.login-form-submit{width:100%;margin-top:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;animation:login-page-fade-in-up .4s cubic-bezier(.22,1,.36,1) .55s both}.login-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,148,136,.35)}.login-form-submit:active:not(:disabled){transform:translateY(0)}.login-form-submit:disabled{cursor:not-allowed;opacity:.85}.login-form-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:login-page-spin .7s linear infinite}.login-form-social{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(15,118,110,.15);animation:login-page-fade-in-up .4s cubic-bezier(.22,1,.36,1) .6s both}.login-form-social-divider{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-3)}.login-form-social-buttons{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.login-form-social-btn-wrap{width:100%;max-width:280px;display:flex;justify-content:center}.login-form-social-btn-wrap iframe{margin:0 auto}.login-form-social-google-wrap{min-height:48px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.login-form-social-google-wrap:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.login-form-social-google-wrap iframe{border:none!important;background:transparent!important}.login-form-social-apple{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;max-width:280px;padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:#fff;background:#000;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background .2s ease,opacity .2s ease}.login-form-social-apple:hover:not(:disabled){background:#333}.login-form-social-apple:disabled{opacity:.7;cursor:not-allowed}.login-form-social-apple-icon{width:1.25rem;height:1.25rem;fill:currentColor}.login-form-toggle{text-align:center;margin-top:var(--space-4);animation:login-page-fade-in-up .4s cubic-bezier(.22,1,.36,1) .6s both}.login-form-toggle-btn{font-size:var(--text-sm);color:var(--color-primary-hover);background:none;border:none;cursor:pointer;font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color .2s ease,background .2s ease,transform .2s ease}.login-form-toggle-btn:hover{color:var(--color-primary);background:var(--color-primary-light);transform:scale(1.02)}.login-form-toggle-btn:active{transform:scale(.98)}.login-lateral{width:100%;max-width:28rem}.login-lateral-skeleton{display:flex;flex-direction:column;gap:var(--space-6)}.login-skeleton-title{height:2rem;width:80%;border-radius:var(--radius-md);background:linear-gradient(90deg,rgba(148,163,184,.25),rgba(148,163,184,.4) 50%,rgba(148,163,184,.25));background-size:200% 100%;animation:login-skeleton-shimmer 1.5s ease-in-out infinite}.login-skeleton-bullets{display:flex;flex-direction:column;gap:var(--space-3)}.login-skeleton-line{height:1rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,rgba(148,163,184,.2),rgba(148,163,184,.35) 50%,rgba(148,163,184,.2));background-size:200% 100%}.login-skeleton-chart,.login-skeleton-line{animation:login-skeleton-shimmer 1.5s ease-in-out infinite}.login-skeleton-chart{height:180px;border-radius:var(--radius-xl);background:linear-gradient(90deg,rgba(148,163,184,.15),rgba(148,163,184,.3) 50%,rgba(148,163,184,.15));background-size:200% 100%}.login-lateral-content{animation:login-page-fade-in-up .4s cubic-bezier(.22,1,.36,1)}.login-lateral-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-6);line-height:1.3;font-family:var(--font-display)}.login-lateral-benefits{list-style:none;padding:0;margin:0 0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-base);color:var(--color-text-muted)}.login-lateral-benefits li{display:flex;align-items:center;gap:var(--space-3)}.login-lateral-benefit-icon{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-bold);flex-shrink:0}.login-lateral-chart{margin-top:var(--space-4)}.login-mock-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;padding:var(--space-4);background:rgba(255,255,255,.6);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.login-mock-bar{flex:1;min-width:12px;border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(180deg,rgba(13,148,136,.7),rgba(13,148,136,.35));transition:height .3s ease}.login-mock-bar--h40{height:40%}.login-mock-bar--h45{height:45%}.login-mock-bar--h55{height:55%}.login-mock-bar--h65{height:65%}.login-mock-bar--h70{height:70%}.login-mock-bar--h80{height:80%}@media (max-width:480px){.login-page__main{max-width:100%}.login-form-card{padding:var(--space-6);border-radius:1.25rem}.login-page__logo{width:var(--login-logo-size-sm);height:var(--login-logo-size-sm)}}