:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--primary:231 48% 48%;--primary-foreground:0 0% 98%;--muted-foreground:215.4 16.3% 46.9%;--destructive:0 84.2% 60.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:231 48% 48%;--left-bg:220 13% 88%;--left-text:222.2 84% 4.9%;--left-link:215.4 16.3% 40%;--left-chip:0 0% 0% / .08;--left-grid:0 0% 0% / .04;--left-glow-top:220 14.3% 70% / .30;--left-glow-bottom:220 13% 80% / .25}
@media (prefers-color-scheme: dark){:root{--background:20 14.3% 4.1%;--foreground:60 9.1% 97.8%;--muted-foreground:24 5.4% 63.9%;--destructive:0 62.8% 30.6%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--left-bg:220 13% 18%;--left-text:60 9.1% 97.8%;--left-link:215.4 16.3% 60%;--left-chip:0 0% 100% / .08;--left-grid:0 0% 100% / .05;--left-glow-top:220 14.3% 60% / .18;--left-glow-bottom:220 13% 78% / .2}}
*,*::before,*::after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body.cc-login-page{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:"Inter",sans-serif}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}
.cc-login-shell{min-height:100vh;display:grid;grid-template-columns:1fr}.cc-login-visual{display:none;position:relative;overflow:hidden;flex-direction:column;justify-content:space-between;padding:48px;background:hsl(var(--left-bg));color:hsl(var(--left-text))}.cc-login-visual-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--left-grid)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--left-grid)) 1px,transparent 1px);background-size:20px 20px}.cc-login-visual-glow{position:absolute;border-radius:999px;filter:blur(72px);pointer-events:none}.cc-login-visual-glow-top{top:24%;right:16%;width:256px;height:256px;background:hsl(var(--left-glow-top))}.cc-login-visual-glow-bottom{left:10%;bottom:12%;width:384px;height:384px;background:hsl(var(--left-glow-bottom))}.cc-visual-brand,.cc-visual-stage,.cc-visual-links{position:relative;z-index:1}.cc-brand-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:1.125rem;font-weight:600}.cc-brand-logo{width:32px;height:32px;padding:4px;border-radius:8px;background:hsl(var(--left-chip));backdrop-filter:blur(8px)}.cc-visual-stage{display:flex;align-items:flex-end;justify-content:center;height:500px}.cc-visual-links{display:flex;align-items:center;gap:32px;font-size:.875rem}.cc-visual-links a{color:hsl(var(--left-link));text-decoration:none;transition:color .2s ease}.cc-visual-links a:hover{color:hsl(var(--left-text))}
.cc-login-form-side{display:flex;align-items:center;justify-content:center;padding:32px;background:hsl(var(--background))}.cc-login-card{width:100%;max-width:420px}.cc-mobile-brand{display:flex;align-items:center;justify-content:center;margin-bottom:48px}.cc-brand-link-mobile{color:hsl(var(--foreground))}.cc-brand-logo-mobile{background:transparent}.cc-login-head{margin-bottom:40px;text-align:center}.cc-login-head h1{margin:0 0 8px;font-size:1.875rem;line-height:1.15;font-weight:700;letter-spacing:-.02em}.cc-login-head p{margin:0;color:hsl(var(--muted-foreground));font-size:.875rem}.cc-form-field{margin-bottom:20px}.cc-form-field label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500}.cc-input{display:block;width:100%;height:48px;padding:0 16px;border:1px solid hsl(var(--input));border-radius:999px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.cc-input::placeholder{color:hsl(var(--muted-foreground))}.cc-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.15)}.cc-password-wrap{position:relative}.cc-password-wrap .cc-input{padding-right:44px}.cc-password-toggle{position:absolute;top:50%;right:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:hsl(var(--muted-foreground));transform:translateY(-50%);cursor:pointer}.cc-password-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cc-field-error,.cc-form-error{margin:8px 0 0;font-size:.875rem;color:hsl(var(--destructive))}.cc-form-error{margin-bottom:16px;padding:12px 14px;border:1px solid hsl(var(--destructive)/.3);border-radius:12px;background:hsl(var(--destructive)/.1)}
.cc-form-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 20px}.cc-remember-row{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer}.cc-checkbox{width:16px;height:16px;margin:0;accent-color:hsl(var(--primary))}.cc-meta-link{color:hsl(var(--primary));font-size:.875rem;text-decoration:none}.cc-meta-link:hover,.cc-signup-note a:hover{text-decoration:underline}.cc-hover-button{position:relative;width:100%;min-height:48px;padding:0 24px;border:1px solid hsl(var(--border));border-radius:999px;overflow:hidden;background:hsl(var(--background));color:hsl(var(--foreground));text-align:center;font-weight:600;cursor:pointer}.cc-hover-button:disabled{opacity:.65;cursor:not-allowed}.cc-hover-button-label{display:flex;align-items:center;justify-content:center;min-height:46px;transition:transform .3s ease,opacity .3s ease}.cc-hover-button-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));opacity:0;transition:opacity .3s ease}.cc-hover-button-overlay svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cc-hover-button:hover .cc-hover-button-label{transform:translateX(48px);opacity:0}.cc-hover-button:hover .cc-hover-button-overlay{opacity:1}.cc-social-wrap{margin-top:24px}.cc-google-icon{width:18px;height:18px}.cc-signup-note{margin-top:32px;color:hsl(var(--muted-foreground));font-size:.875rem;text-align:center}.cc-signup-note a{color:hsl(var(--foreground));font-weight:500;text-decoration:none}
.cc-animated-characters{position:relative;width:550px;height:400px;max-width:100%}.cc-char{position:absolute;bottom:0;transition:all .7s ease-in-out;transform-origin:bottom center;will-change:transform,height}.cc-char-purple{left:70px;width:180px;height:400px;background:#6c3ff5;border-radius:10px 10px 0 0;z-index:1}.cc-char-black{left:240px;width:120px;height:310px;background:#2d2d2d;border-radius:8px 8px 0 0;z-index:2}.cc-char-orange{left:0;width:240px;height:200px;background:#ff7043;border-radius:120px 120px 0 0;z-index:3}.cc-char-yellow{left:310px;width:140px;height:230px;background:#e8d754;border-radius:70px 70px 0 0;z-index:4}.cc-char-eyes{position:absolute;display:flex;align-items:center;transition:all .7s ease-in-out}.cc-eye-ball{display:flex;align-items:center;justify-content:center;width:18px;height:18px;overflow:hidden;border-radius:999px;background:#fff;transition:all .15s ease}.cc-pupil{width:7px;height:7px;border-radius:999px;background:#2d2d2d;transition:transform .1s ease-out,opacity .15s ease}.cc-dot-eyes{gap:32px}.cc-pupil-dot{width:12px;height:12px;border-radius:999px;background:#2d2d2d;transition:transform .1s ease-out}.cc-yellow-mouth{position:absolute;width:80px;height:4px;border-radius:999px;background:#2d2d2d;transition:all .2s ease-out}
@media (min-width:1024px){.cc-login-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cc-login-visual{display:flex}.cc-mobile-brand{display:none}}
@media (max-width:1023px){.cc-login-form-side{padding:24px}}