:root{--bg-left-start: #9ca3af;--bg-left-mid: #6b7280;--bg-left-end: #4b5563;--text-dark: #111827;--text-muted: #6b7280;--border-soft: rgba(229, 231, 235, .72);--surface: #ffffff;--purple: #6c3ff5;--orange: #ff9b6b;--yellow: #e8d754;--ink: #2d2d2d;--ease-soft: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f8;color:var(--text-dark)}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden}.left-section{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#fff;background:linear-gradient(135deg,var(--bg-left-start),var(--bg-left-mid),var(--bg-left-end));isolation:isolate}.logo-section,.characters-section,.footer-links{position:relative;z-index:2}.logo-link,.mobile-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600}.logo-image{width:32px;height:32px;padding:.25rem;border-radius:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.characters-section{display:flex;align-items:flex-end;justify-content:center;height:500px}.footer-links{display:flex;align-items:center;gap:2rem;color:#4b5563;font-size:.875rem}.footer-link{transition:color .16s ease}.footer-link:hover{color:#1f2937}.grid-overlay,.blur-circle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-overlay{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;z-index:0}.blur-circle{border-radius:50%;filter:blur(96px);z-index:1}.blur-circle-1{inset:auto 25% 25% auto;width:16rem;height:16rem;background:#9ca3af33}.blur-circle-2{inset:auto auto 10% 12%;width:24rem;height:24rem;background:#d1d5db33}.right-section{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--surface)}.form-wrapper{width:100%;max-width:420px}.mobile-logo{display:none;justify-content:center;margin-bottom:3rem}.form-header{margin-bottom:2.5rem;text-align:center}.form-title{margin-bottom:.5rem;color:var(--text-dark);font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.form-subtitle{color:var(--text-muted);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#374151;font-size:.875rem;font-weight:500}.form-input{width:100%;height:3rem;padding:0 1rem;border:1.5px solid var(--border-soft);border-radius:.5rem;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;background:transparent;color:#9ca3af;cursor:pointer;transform:translateY(-50%);transition:color .16s ease}.password-toggle:hover{color:var(--text-dark)}.password-toggle .icon-hide,.password-toggle.is-visible .icon-show{display:none}.password-toggle.is-visible .icon-hide{display:block}.icon,.button-icon,.google-icon{width:20px;height:20px}.error-message{min-height:1.25rem;color:#dc2626;font-size:.875rem}.form-options{display:flex;align-items:center;justify-content:space-between;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox{width:1rem;height:1rem;cursor:pointer}.forgot-link{color:#6366f1;font-size:.875rem;font-weight:500}.forgot-link:hover,.signup-link a:hover{text-decoration:underline}.error-alert{padding:.75rem;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;background:#dc26261a;color:#dc2626;font-size:.875rem}.submit-button,.google-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3rem;border-radius:.5rem;cursor:pointer;transition:transform .22s var(--ease-soft),box-shadow .22s var(--ease-soft),background-color .16s ease,border-color .16s ease,opacity .16s ease}.submit-button{border:0;background:#111827;color:#fff}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0003}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-text,.button-icon{transition:transform .22s var(--ease-soft)}.submit-button:hover:not(:disabled) .button-text{transform:translate(-8px)}.submit-button:hover:not(:disabled) .button-icon{transform:translate(8px)}.social-login{margin-top:1.5rem}.google-button{border:1.5px solid var(--border-soft);background:#fff;color:#374151}.google-button:hover{border-color:#d1d5db;background:#f9fafb}.signup-link{margin-top:2rem;color:var(--text-muted);text-align:center;font-size:.875rem}.signup-link a{color:var(--text-dark);font-weight:500}.animated-characters-container{position:relative;width:550px;height:400px}.character{position:absolute;bottom:0;transform-origin:bottom center;will-change:transform;opacity:1;--face-x: 0px;--face-y: 0px;--body-skew: 0deg;--body-extra-x: 0px;--body-extra-y: 0px;--body-rotate: 0deg;--head-shift-x: 0px;--head-shift-y: 0px;--head-rotate: 0deg;--body-height: 0px}.character.entered{opacity:1;animation:none}.purple-character{left:70px;width:180px;--body-height: 400px;height:var(--body-height, 400px);background:var(--purple);z-index:1;animation:purple-entrance 1.2s cubic-bezier(.34,1.56,.64,1) forwards;transform:translate3d(var(--body-extra-x),var(--body-extra-y),0) rotate(var(--body-rotate)) skew(var(--body-skew))}.black-character{left:240px;width:120px;--body-height: 310px;height:310px;background:var(--ink);z-index:2;animation:black-entrance 1s cubic-bezier(.34,1.56,.64,1) .2s backwards;transform:translate3d(var(--body-extra-x),var(--body-extra-y),0) rotate(var(--body-rotate)) skew(var(--body-skew))}.orange-character{left:0;width:240px;--body-height: 150px;height:150px;background:var(--orange);border-radius:120px 120px 0 0;z-index:3;animation:orange-entrance 1.1s cubic-bezier(.34,1.56,.64,1) .1s backwards;transform:translate3d(var(--body-extra-x),var(--body-extra-y),0) rotate(var(--body-rotate)) skew(var(--body-skew))}.yellow-character{left:310px;width:140px;--body-height: 230px;height:230px;background:var(--yellow);border-radius:70px 70px 0 0;z-index:4;animation:yellow-entrance 1s cubic-bezier(.34,1.56,.64,1) .3s backwards;transform:translate3d(var(--body-extra-x),var(--body-extra-y),0) rotate(var(--body-rotate)) skew(var(--body-skew))}.eyes{position:absolute;display:flex;transform:translate3d(calc(var(--face-x) + var(--head-shift-x)),calc(var(--face-y) + var(--head-shift-y)),0) rotate(var(--head-rotate));transform-origin:center center}.purple-character .eyes{left:75px;top:25px;gap:32px}.black-character .eyes{left:26px;top:32px;gap:24px}.orange-character .eyes{left:112px;top:60px;gap:32px}.yellow-character .eyes{left:52px;top:40px;gap:24px}.eyeball{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:50%}.purple-character .eyeball{width:18px;height:18px}.black-character .eyeball{width:16px;height:16px}.eyeball .pupil,.pupil-dot{border-radius:50%;background:var(--ink);transform:translate3d(var(--pupil-x, 0px),var(--pupil-y, 0px),0)}.purple-character .pupil{width:7px;height:7px}.black-character .pupil{width:6px;height:6px}.pupil-dot{width:12px;height:12px}.purple-mouth-shape,.orange-mouth-shape{position:absolute;background:var(--ink)}.purple-mouth-shape{left:97px;top:57px;width:24px;height:8px;border-radius:0 0 12px 12px;transform:translate3d(calc(var(--face-x) + var(--head-shift-x)),calc(var(--face-y) + var(--head-shift-y)),0) rotate(var(--head-rotate));transform-origin:center top}.orange-mouth-shape{left:126px;top:92px;width:26px;height:13px;border-radius:0 0 13px 13px;transform:translate3d(calc(var(--face-x) + var(--head-shift-x)),calc(var(--face-y) + var(--head-shift-y)),0) rotate(var(--head-rotate));transform-origin:center top}.yellow-mouth-wrapper{position:absolute;left:40px;top:88px;transform:translate3d(calc(var(--face-x) + var(--head-shift-x)),calc(var(--face-y) + var(--head-shift-y)),0) rotate(var(--head-rotate));transform-origin:center top}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:10}.confetti-piece{position:absolute;border-radius:2px;opacity:0;animation:confetti-fall linear forwards}@keyframes purple-entrance{0%{transform:translate3d(-150px,50px,0) rotate(-15deg) scale(.3);opacity:0}60%{transform:translate3d(10px,-10px,0) rotate(3deg) scale(1.05);opacity:1}to{transform:translateZ(0) rotate(0) scale(1);opacity:1}}@keyframes black-entrance{0%{transform:translate3d(0,-100px,0) scale(.5);opacity:0}70%{transform:translate3d(0,10px,0) scale(1.08);opacity:1}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes orange-entrance{0%{transform:translate3d(-200px,80px,0) rotate(-25deg) scale(.2);opacity:0}65%{transform:translate3d(15px,-8px,0) rotate(5deg) scale(1.1);opacity:1}to{transform:translateZ(0) rotate(0) scale(1);opacity:1}}@keyframes yellow-entrance{0%{transform:translate3d(200px,60px,0) rotate(20deg) scale(.3);opacity:0}65%{transform:translate3d(-12px,-5px,0) rotate(-4deg) scale(1.06);opacity:1}to{transform:translateZ(0) rotate(0) scale(1);opacity:1}}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:1;transform:translate3d(30px,200vh,0) rotate(720deg)}}@media (max-width: 1024px){.login-page{grid-template-columns:1fr}.left-section{display:none}.mobile-logo{display:flex}}@media (max-width: 640px){.right-section{padding:1.5rem}.form-options{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}