.auth-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-base-content) 0%, oklch(from var(--color-base-content) l c h / .7) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1.1}@media (width>=640px){.auth-title{font-size:3rem}}.auth-subtitle{color:oklch(from var(--color-base-content) l c h / .5);margin-bottom:2.5rem;font-size:1.125rem}.premium-input{border:2px solid oklch(from var(--color-base-content) l c h / .1);background:oklch(from var(--color-base-200) l c h / .5);width:100%;color:var(--color-base-content);border-radius:1rem;padding:1rem 1.25rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-input:focus{border-color:var(--color-primary);background:var(--color-base-100);box-shadow:0 0 0 4px oklch(from var(--color-primary) l c h / .15);outline:none}.premium-input::placeholder{color:oklch(from var(--color-base-content) l c h / .4)}.premium-btn{background:linear-gradient(135deg, var(--color-primary) 0%, oklch(from var(--color-primary) calc(l - .1) c h) 100%);width:100%;color:var(--color-primary-content);cursor:pointer;box-shadow:0 4px 15px oklch(from var(--color-primary) l c h / .4);border:none;border-radius:1rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-btn:hover{box-shadow:0 8px 25px oklch(from var(--color-primary) l c h / .5);transform:translateY(-2px)}.premium-btn:active{transform:translateY(0)}.premium-btn:before{content:"";background:linear-gradient(90deg,#0000,oklch(100% 5.96046e-8 90/.2),#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.premium-btn:hover:before{left:100%}.toggle-password-display-flag[data-show=true] .password-hidden-icon{display:block!important}.toggle-password-display-flag[data-show=true] .password-display-icon,.toggle-password-display-flag[data-show=false] .password-hidden-icon,.toggle-password-display-flag:not([data-show]) .password-hidden-icon{display:none!important}.toggle-password-display-flag[data-show=false] .password-display-icon,.toggle-password-display-flag:not([data-show]) .password-display-icon{display:block!important}.auth-form-container{width:100%;max-width:600px;margin:0 auto}.auth-copyright{text-align:center;color:oklch(from var(--color-base-content) l c h / .3);font-size:.75rem}.auth-copyright a{transition:color .2s}.auth-copyright a:hover{color:var(--color-primary)}.auth-provider-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=640px){.auth-provider-grid{grid-template-columns:repeat(3,1fr)}}.auth-provider-btn{width:100%;height:2.75rem;color:var(--color-base-content);background:oklch(from var(--color-base-200) l c h / .5);border:1px solid oklch(from var(--color-base-content) l c h / .1);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.auth-provider-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .1);box-shadow:0 4px 12px oklch(from var(--color-primary) l c h / .2);transform:translateY(-2px)}.auth-provider-btn img{-o-object-fit:contain;object-fit:contain;width:1.25rem;height:1.25rem}.pill-items{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.pill-items{grid-template-columns:repeat(3,1fr)}}.pill-items li{display:contents}.pill-items a{width:100%;height:2.75rem;color:var(--color-base-content);background:oklch(from var(--color-base-200) l c h / .5);border:1px solid oklch(from var(--color-base-content) l c h / .1);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pill-items a:hover{color:var(--color-primary);border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .1);box-shadow:0 4px 12px oklch(from var(--color-primary) l c h / .2);transform:translateY(-2px)}.pill-items img{-o-object-fit:contain;object-fit:contain;width:1.25rem;height:1.25rem}.divider-wrapper{color:oklch(from var(--color-base-content) l c h / .4);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.75rem;display:flex}.divider-wrapper hr{background:oklch(from var(--color-base-content) l c h / .1);border:none;flex:1;height:1px}.halo-form{flex-direction:column;gap:1.25rem;display:flex}.halo-form .form-item{flex-direction:column;gap:.5rem;display:flex}.halo-form .form-item-compact{align-items:center;gap:.75rem;display:flex}.halo-form .form-label-group{justify-content:space-between;align-items:center;display:flex}.halo-form label{color:var(--color-base-content);font-size:.875rem;font-weight:500}.halo-form .form-item-extra-link{color:var(--color-primary);font-size:.75rem;text-decoration:none;transition:opacity .2s}.halo-form .form-item-extra-link:hover{opacity:.8;text-decoration:underline}.halo-form .form-input{position:relative}.halo-form input[type=text],.halo-form input[type=password],.halo-form input[type=email],.halo-form input[type=tel],.halo-form input[type=number]{border:2px solid oklch(from var(--color-base-content) l c h / .1);background:oklch(from var(--color-base-200) l c h / .5);width:100%;color:var(--color-base-content);border-radius:1rem;padding:1rem 1.25rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.halo-form input[type=text]:focus,.halo-form input[type=password]:focus,.halo-form input[type=email]:focus,.halo-form input[type=tel]:focus,.halo-form input[type=number]:focus{border-color:var(--color-primary);background:var(--color-base-100);box-shadow:0 0 0 4px oklch(from var(--color-primary) l c h / .15);outline:none}.halo-form input::placeholder{color:oklch(from var(--color-base-content) l c h / .4)}.halo-form input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.halo-form .form-item-compact label{color:oklch(from var(--color-base-content) l c h / .7);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:400}.halo-form button[type=submit]{background:linear-gradient(135deg, var(--color-primary) 0%, oklch(from var(--color-primary) calc(l - .1) c h) 100%);width:100%;color:var(--color-primary-content);cursor:pointer;box-shadow:0 4px 15px oklch(from var(--color-primary) l c h / .4);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.halo-form button[type=submit]:hover{box-shadow:0 8px 25px oklch(from var(--color-primary) l c h / .5);transform:translateY(-2px)}.halo-form button[type=submit]:active{transform:translateY(0)}.halo-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.halo-form button[type=submit]:before{content:"";background:linear-gradient(90deg,#0000,oklch(100% 5.96046e-8 90/.2),#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.halo-form button[type=submit]:hover:before{left:100%}.halo-form .alert{border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.halo-form .alert-error{background:oklch(from var(--color-error) l c h / .1);border:1px solid oklch(from var(--color-error) l c h / .3);color:var(--color-error)}.halo-form a:not(.form-item-extra-link){color:var(--color-primary);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.halo-form a:not(.form-item-extra-link):hover{color:oklch(from var(--color-primary) calc(l + .1) c h);text-decoration:underline}.halo-form .form-input-group{align-items:stretch;gap:.75rem;display:flex}.halo-form .form-input-group .form-input{flex:1}.halo-form .form-input-group>button{min-width:5rem;color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .1);border:2px solid var(--color-primary);cursor:pointer;white-space:nowrap;border-radius:1rem;justify-content:center;align-items:center;padding:0 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.halo-form .form-input-group>button:hover{background:oklch(from var(--color-primary) l c h / .2);transform:translateY(-1px)}.halo-form .form-input-group>button:disabled{opacity:.5;cursor:not-allowed;transform:none}.halo-form .form-input button{color:oklch(from var(--color-base-content) l c h / .5);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.halo-form .form-input button:hover{color:var(--color-base-content)}.auth-provider-btn.active,.pill-items a.active{color:var(--color-primary);border-color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .15)}.altcha{background:var(--color-base-100)!important;border:1px solid oklch(from var(--color-base-content) l c h / .1)!important;box-shadow:0 2px 8px oklch(from var(--color-base-content) l c h / .1)!important;border-radius:1rem!important}.altcha[data-floating]{z-index:9999;box-shadow:0 20px 40px -10px oklch(from var(--color-base-content) l c h / .3)!important}.altcha .altcha-main{background:0 0!important;padding:1rem!important}.altcha .altcha-checkbox input[type=checkbox]{accent-color:var(--color-primary)!important}.altcha .altcha-label{color:var(--color-base-content)!important;font-size:.875rem!important}.altcha .altcha-logo-container{opacity:.5}.altcha .altcha-logo svg{fill:var(--color-base-content)!important}.altcha .altcha-footer{background:oklch(from var(--color-base-content) l c h / .05)!important;border-top:1px solid oklch(from var(--color-base-content) l c h / .1)!important;color:oklch(from var(--color-base-content) l c h / .5)!important;border-radius:0 0 1rem 1rem!important;padding:.5rem 1rem!important;font-size:.75rem!important}.altcha .altcha-footer a{color:var(--color-primary)!important}.altcha .altcha-anchor-arrow{border-color:var(--color-base-100) transparent transparent transparent!important}.altcha[data-floating=bottom] .altcha-anchor-arrow{border-color:transparent transparent var(--color-base-100) transparent!important}:root{--spring-easing:cubic-bezier(.68, -.55, .265, 1.55);--smooth-easing:cubic-bezier(.4, 0, .2, 1)}.auth-brand-illustration{background:#f3f3f5;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (width>=1024px){.auth-brand-illustration{display:flex}}.art-scene{width:500px;height:500px;transition:all .3s;position:relative}.char{transform-origin:bottom;position:absolute}.breathe-wrap{transform-origin:bottom;width:100%;height:100%;animation:4s ease-in-out infinite breathe;animation-delay:calc(var(--delay) * 1s);transition:transform .6s var(--spring-easing)}.face{width:100%;height:100%;transition:transform .5s var(--smooth-easing), opacity .3s ease;position:absolute}.eye-white{animation:5s infinite blink-white;animation-delay:calc(var(--delay) * 1.5s);transition:transform .4s var(--spring-easing);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.pupil-wrap,.eye-dot-wrap{will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.pupil{width:100%;height:100%;transition:transform .4s var(--spring-easing);background:#111;border-radius:50%}.eye-dot{width:100%;height:100%;animation:5s infinite blink-dot;animation-delay:calc(var(--delay) * 1.5s);transition:transform .4s var(--spring-easing), height .3s ease, width .3s ease, border-radius .3s ease;background:#111;border-radius:50%}.mouth-surprise{opacity:0;transition:all .4s var(--spring-easing);background:#111;border-radius:50%;position:absolute;transform:scale(0)}.sad-lid{background:inherit;height:55%;transition:all .4s var(--smooth-easing);z-index:2;position:absolute;top:-2px;left:-2px;right:-2px;transform:translateY(-100%)rotate(10deg)}.char-purple{z-index:10;background:#8b5cf6;border-radius:8px 8px 0 0;width:130px;height:320px;bottom:60px;left:18%;transform:skew(-3deg)}.char-purple .eye-white{width:20px;height:20px}.char-purple .eye-white.left{top:60px;left:35px}.char-purple .eye-white.right{top:60px;right:35px}.char-purple .pupil-wrap{width:10px;height:10px}.char-purple .mouth-surprise{width:16px;height:16px;top:100px;left:57px}.char-purple .sad-lid{background-color:#8b5cf6}.char-black{z-index:20;background:#27272a;border-radius:8px 8px 0 0;width:85px;height:210px;bottom:60px;left:42%;transform:skew(-3deg)}.char-black .eye-white{width:18px;height:18px}.char-black .eye-white.left{top:40px;left:18px}.char-black .eye-white.right{top:40px;right:18px}.char-black .pupil-wrap{width:9px;height:9px}.char-black .mouth-surprise{width:12px;height:12px;top:70px;left:36px}.char-black .sad-lid{background-color:#27272a}.char-yellow{transform-origin:bottom;z-index:30;background:#fbbf24;border-radius:45px 45px 16px 16px;width:90px;height:190px;bottom:60px;left:55%;transform:rotate(18deg)}.char-yellow .eye-dot-wrap{width:14px;height:14px;position:absolute;top:50px;right:25px}.char-yellow .beak{width:24px;height:5px;transition:all .4s var(--spring-easing);background:#111;border-radius:3px;position:absolute;top:75px;right:-8px;transform:rotate(-25deg)}.char-orange{z-index:40;background:#f97316;border-radius:130px 130px 20px 20px;width:260px;height:150px;bottom:60px;left:8%}.char-orange .eye-dot-wrap.left{width:16px;height:16px;position:absolute;top:55px;left:80px}.char-orange .eye-dot-wrap.right{width:16px;height:16px;position:absolute;top:55px;left:130px}.char-orange .mouth-surprise{width:20px;height:20px;top:85px;left:103px}.blush{opacity:0;filter:blur(2px);background:#ff4757;border-radius:50%;width:16px;height:8px;transition:opacity .4s,background .4s;position:absolute}.char-orange .blush.left{top:75px;left:70px}.char-orange .blush.right{top:75px;left:140px}.char-yellow .blush{top:70px;right:40px}.state-typing .breathe-wrap{animation-play-state:paused;transform:translateY(-15px)scale(1.02)}.state-typing .eye-white{animation:none;transform:scale(1.35)}.state-typing .pupil{transform:scale(.7)}.state-typing .eye-dot{animation:none;transform:scale(1.5)}.state-typing .mouth-surprise{opacity:1;transform:scale(1)}.state-typing .char-yellow .beak{width:30px;right:-12px;transform:rotate(-5deg)}.state-typing .blush{opacity:.6}.state-peeking .breathe-wrap{animation-play-state:paused;transform:translateY(5px)}.state-peeking .face{transform:translate(-20px)rotateY(-20deg)}.state-peeking .eye-white{animation:none;transform:scaleY(.1)}.state-peeking .pupil{opacity:0}.state-peeking .eye-dot{border-radius:2px;width:16px;height:4px;animation:none;transform:none}.state-peeking .char-yellow .beak{transform:rotate(-10deg)translate(-8px)}.state-peeking .blush{opacity:.9;background:#ff2a3f}.state-error .breathe-wrap{animation-play-state:paused;transform:translateY(10px)scaleY(.95)}.state-error .face{animation:.8s ease-in-out forwards head-shake}.state-error .eye-white,.state-error .eye-dot{animation:none}.state-error .sad-lid{transform:translateY(0)rotate(15deg)}.state-error .char-purple .eye-white.left .sad-lid,.state-error .char-black .eye-white.left .sad-lid{transform:translateY(0)rotate(-15deg)}.state-error .mouth-surprise{opacity:1;background:0 0;border:3px solid #111;border-bottom:none;border-radius:10px 10px 0 0;height:10px;margin-top:5px;transform:scale(1)rotate(180deg)}.state-error .char-yellow .beak{transform:rotate(-40deg)}@keyframes breathe{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(.98)translateY(3px)}}@keyframes blink-white{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes blink-dot{0%,94%,98%,to{transform:scaleY(1)}96%{transform:scaleY(.2)}}@keyframes head-shake{0%{transform:translate(0)}20%{transform:translate(-8px)rotate(-3deg)}40%{transform:translate(6px)rotate(2deg)}60%{transform:translate(-4px)rotate(-1deg)}80%{transform:translate(2px)rotate(1deg)}to{transform:translate(0)}}.auth-page-split{grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=1024px){.auth-page-split{grid-template-columns:1fr 1fr}}.auth-brand{background:linear-gradient(135deg, oklch(from var(--color-primary) l c h / .12) 0%, oklch(from var(--color-secondary) l c h / .08) 100%);display:none;position:relative;overflow:hidden}@media (width>=1024px){.auth-brand{justify-content:center;align-items:center;display:flex}}.auth-brand:before{content:"";background:radial-gradient(circle at 20% 80%, oklch(from var(--color-primary) l c h / .2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, oklch(from var(--color-secondary) l c h / .15) 0%, transparent 50%);animation:15s ease-in-out infinite gradient-shift;position:absolute;inset:0}@keyframes gradient-shift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.floating-shape{background:linear-gradient(135deg, oklch(from var(--color-primary) l c h / .4) 0%, oklch(from var(--color-secondary) l c h / .2) 100%);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 25px 50px -12px oklch(from var(--color-primary) l c h / .2);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:8s ease-in-out infinite float;position:absolute}.floating-shape-1{width:300px;height:300px;top:10%;left:10%}.floating-shape-2{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;width:200px;height:200px;animation-delay:-3s;bottom:20%;right:15%}.floating-shape-3{width:150px;height:150px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(5deg)}75%{transform:translateY(20px)rotate(-5deg)}}.grid-overlay{background-image:linear-gradient(to right, oklch(from var(--color-base-content) l c h / .03) 1px, transparent 1px), linear-gradient(to bottom, oklch(from var(--color-base-content) l c h / .03) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.brand-text{z-index:10;text-align:center;color:var(--color-base-content);position:relative}.brand-text h1{text-shadow:0 4px 30px oklch(from var(--color-primary) l c h / .3);margin-bottom:1rem;font-size:3rem;font-weight:800}.brand-text p{opacity:.7;font-size:1.25rem}.auth-form-section-split{background:var(--color-base-100);flex-direction:column;justify-content:center;padding:2rem;display:flex;position:relative}@media (width>=640px){.auth-form-section-split{padding:3rem}}@media (width>=1024px){.auth-form-section-split{padding:4rem}}.auth-brand-features{background:linear-gradient(135deg, oklch(from var(--color-primary) l c h) 0%, oklch(from var(--color-primary) calc(l - .1) c h) 100%);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.auth-brand-features[data-has-image=true]:before{display:none}.auth-brand-features:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,oklch(100% 5.96046e-8 90/.1) 0%,#0000 60%);position:absolute;inset:0}.auth-brand-overlay{background:linear-gradient(to bottom right, oklch(from var(--color-primary) l c h / .9) 0%, oklch(from var(--color-secondary) l c h / .85) 100%);z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.features-content{z-index:10;color:#fff;width:100%;max-width:480px;padding:4rem;position:relative}.features-logo{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.features-logo img{border-radius:.625rem;width:2.5rem;height:2.5rem;box-shadow:0 4px 12px oklch(0% 0 0/.1)}.features-logo h2{letter-spacing:-.01em;opacity:.95;text-shadow:0 2px 4px oklch(0% 0 0/.1);font-size:1.25rem;font-weight:700}.features-title{letter-spacing:-.02em;text-shadow:0 4px 12px oklch(0% 0 0/.1);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.15}.features-slogan{opacity:.9;text-shadow:0 2px 4px oklch(0% 0 0/.1);max-width:420px;margin-bottom:4rem;font-size:1.25rem;font-weight:400;line-height:1.6}.features-list{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.features-list li{align-items:flex-start;gap:1.25rem;display:flex}.feature-icon{color:#fff;background:oklch(100% 5.96046e-8 90/.15);border:1px solid oklch(100% 5.96046e-8 90/.15);border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 4px 6px -1px oklch(0% 0 0/.05)}.feature-text h3{color:#fff;text-shadow:0 2px 4px oklch(0% 0 0/.1);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.feature-text p{color:oklch(100% 5.96046e-8 90/.8);text-shadow:0 1px 2px oklch(0% 0 0/.1);font-size:.9375rem;line-height:1.5}
