:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#111;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}#login-react-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#fff}button,input{font:inherit}a{color:inherit;text-decoration:none}.login-page-root{width:100vw;height:100vh;overflow:hidden;background:#fff}.login-shell{display:grid;grid-template-columns:clamp(260px,18vw,360px) minmax(420px,.72fr) minmax(430px,1fr);width:100%;height:100vh;min-height:100vh}.login-visual-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:100vh;min-height:100vh;padding:clamp(32px,4.2vw,56px);overflow:hidden;grid-column:2;background:radial-gradient(circle at 54% 50%,rgba(255,255,255,.08),transparent 30%),linear-gradient(135deg,#2b2b2b,#191919 52%,#232323)}.brand-link{position:relative;z-index:2;display:inline-flex;align-items:center;align-self:flex-start;gap:10px;color:#fff;font-size:18px;font-weight:800;letter-spacing:0}.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:#ffffff1f}.brand-mark svg{width:20px;height:20px;fill:currentColor}.illustration-wrap{position:absolute;left:50%;top:52%;width:min(38vw,500px);max-width:78%;aspect-ratio:1.18;transform:translate(-50%,-50%)}.animated-characters{position:relative;width:100%;height:100%;filter:drop-shadow(0 36px 34px rgba(0,0,0,.36))}.motion-rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.motion-rings span{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:999px;animation:ringDrift 9s ease-in-out infinite}.motion-rings span:nth-child(1){width:44%;height:44%;left:33%;top:10%}.motion-rings span:nth-child(2){width:28%;height:28%;left:7%;top:50%;animation-delay:-2.8s}.motion-rings span:nth-child(3){width:22%;height:22%;right:2%;top:42%;animation-delay:-5.2s}.character{position:absolute;overflow:hidden;transform-origin:50% 100%;will-change:transform}.character-purple{left:25%;top:5%;width:34%;height:76%;border-radius:18px 18px 7px 7px;background:linear-gradient(165deg,#7d3cff,#5c34f1);box-shadow:inset -20px -28px 38px #29157a47}.character-dark{left:55%;top:24%;width:25%;height:58%;border-radius:12px 12px 6px 6px;background:#282828;box-shadow:inset -14px -22px 30px #0003}.character-orange{left:2%;bottom:3%;width:47%;height:42%;border-radius:50% 50% 4px 4px/62% 62% 4px 4px;background:#ff9664;box-shadow:inset -18px -22px 32px #9a40201f}.character-yellow{right:0;bottom:3%;width:37%;height:49%;border-radius:48% 48% 4px 4px/34% 34% 4px 4px;background:#ecdd4b;box-shadow:inset -20px -22px 32px #7e741421}.character-eye{position:absolute;top:14%;width:9.5%;aspect-ratio:1;margin-left:var(--eye-shell-x, 0px);margin-top:var(--eye-shell-y, 0px);border-radius:50%;background:#fff;animation:blink 5.4s infinite;transition:margin .16s ease}.character-eye:first-child{left:36%}.character-eye:nth-child(2){left:61%}.character-orange .character-eye,.character-yellow .character-eye{top:39%;width:5.4%;background:#252525}.character-orange .character-eye:first-child{left:39%}.character-orange .character-eye:nth-child(2){left:55%}.character-yellow .character-eye:first-child{left:37%}.character-yellow .character-eye:nth-child(2){left:57%}.character-dark .character-eye{top:12%;width:12%}.character-eye i{position:absolute;left:56%;top:36%;display:block;width:42%;height:42%;border-radius:50%;background:#252525;transform:translate(calc(-50% + var(--eye-x, 0px)),calc(-50% + var(--eye-y, 0px)));transition:transform .18s ease}.character-orange .character-eye i,.character-yellow .character-eye i{left:50%;top:50%;width:72%;height:72%}.character-orange .character-eye,.character-yellow .character-eye{background:transparent}.character-eye.captcha-glance i{transform:translate(calc(-50% + var(--eye-x, 0px) + 4px),calc(-50% + var(--eye-y, 0px)))}.password-mode .character-eye i{opacity:.58;transform:translate(-80%,-5%) scale(.86)}body:has(#login-email:focus) .character-purple{transform:translate(34px,-42px) rotate(7deg) scale(.94,1.16)!important}.username-mode .character-purple{transform:translate(34px,-42px) rotate(7deg) scale(.94,1.16)!important}body:has(#login-email:focus) .character-dark{transform:translate(30px,-28px) rotate(4deg) scale(.95,1.13)!important}.username-mode .character-dark{transform:translate(30px,-28px) rotate(4deg) scale(.95,1.13)!important}body:has(#login-email:focus) .character-orange{transform:translate(42px,-34px) rotate(6deg) scale(.93,1.18)!important}.username-mode .character-orange{transform:translate(42px,-34px) rotate(6deg) scale(.93,1.18)!important}body:has(#login-email:focus) .character-yellow{transform:translate(28px,-36px) rotate(5deg) scale(.94,1.17)!important}.username-mode .character-yellow{transform:translate(28px,-36px) rotate(5deg) scale(.94,1.17)!important}body:has(#login-password:focus) .character-eye i{opacity:.58;transform:translate(-80%,-5%) scale(.86)!important}.password-mode .character-eye i{opacity:.58;transform:translate(-80%,-5%) scale(.86)!important}.animated-characters.password-mode .character-eye i{opacity:0;transform:translate(-80%,-5%) scale(.86)!important}body:has(#login-password:focus) .character-dark{transform:translateY(10px) scale(.96)!important}.password-mode .character-purple,.password-mode .character-orange,.password-mode .character-yellow{transform:translate(0) rotate(0) scale(1)!important}.password-mode .character-dark{transform:translateY(10px) scale(.96)!important}body:has(#login-password:focus) .character-dark .hand-left{transform:translate(20px,-38px)!important}.password-mode .character-dark .hand-left{transform:translate(20px,-38px)!important}body:has(#login-password:focus) .character-dark .hand-right{transform:translate(-20px,-38px)!important}.password-mode .character-dark .hand-right{transform:translate(-20px,-38px)!important}.character-mouth{position:absolute;left:50%;top:63%;width:40%;height:4px;border-radius:999px;background:#252525;transform:translate(calc(-50% + var(--mouth-x, 0px)),var(--mouth-y, 0px));transition:transform .16s ease}.character-hand{position:absolute;bottom:13%;width:21%;aspect-ratio:1;border-radius:50%;background:#383838;box-shadow:0 8px 18px #00000038}.hand-left{left:-7%}.hand-right{right:-7%}@keyframes blink{0%,92%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.14)}}@keyframes ringDrift{0%,to{transform:translateZ(0) scale(1);opacity:.46}50%{transform:translate3d(8px,-10px,0) scale(1.06);opacity:.9}}.visual-copy{position:relative;z-index:2;max-width:470px;color:#ffffffad}.visual-copy p{margin:0 0 14px;font-size:15px;line-height:1.7}.platform-list{display:flex;flex-wrap:wrap;gap:10px}.platform-list span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ffffffe6;background:#ffffff14;font-size:13px;font-weight:600;transition:background .16s ease}.platform-list span:hover{background:#ffffff24}.login-form-panel{display:flex;min-width:0;align-items:center;justify-content:center;height:auto;grid-column:3;margin:0;padding:clamp(28px,5vw,64px);border-radius:0;background:#fff}.form-card{width:min(100%,370px)}.form-header{margin-bottom:44px;text-align:center}.form-header h1{margin:0;color:#050505;font-size:32px;font-weight:800;line-height:1.15;letter-spacing:0}.form-header p{margin:10px 0 0;color:#606060;font-size:14px;line-height:1.45}.login-form{display:flex;flex-direction:column;width:100%}.field-label{margin:0 0 7px;color:#050505;font-size:14px;font-weight:500;line-height:1.4}.text-field{width:100%;height:48px;border:1px solid #e7e7e7;border-radius:8px;outline:none;background:#fff;color:#111;font-size:15px;line-height:1;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease}.text-field::placeholder{color:#636a75;opacity:1}.text-field:focus{border-color:#9b9b9b;box-shadow:0 0 0 3px #1111110f}.password-field{position:relative;margin-bottom:24px}.password-field .text-field{padding-right:48px}.login-form>.text-field{margin-bottom:24px}.icon-button{position:absolute;top:50%;right:11px;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:#777;background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease;transform:translateY(-50%)}.icon-button:hover{color:#111;background:#f3f3f3}.icon-button svg,.google-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-bottom:22px}.captcha-image-button{display:flex;height:48px;align-items:center;justify-content:center;padding:0;overflow:hidden;border:1px solid #d8d8d5;border-radius:8px;background:#f4f4f2;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.captcha-image-button:hover,.captcha-image-button:focus-visible{border-color:#171717;box-shadow:0 0 0 3px #1111110f}.captcha-image-button img{display:block;max-width:100%;height:48px;object-fit:cover;filter:none;opacity:1}.form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;color:#050505;font-size:14px}.form-options a{white-space:nowrap;transition:opacity .16s ease}.form-options a:hover{opacity:.65}.checkbox-label{display:inline-flex;min-width:0;align-items:center;gap:9px;cursor:pointer}.checkbox-label input{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:#111111}.login-btn,.google-btn{display:inline-flex;width:100%;height:48px;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-size:16px;font-weight:600;line-height:1;cursor:pointer;transition:transform .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease}.login-btn{border:0;color:#fff;background:#171717}.login-btn:hover{background:#000;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.68;transform:none}.google-btn{margin-top:24px;border:1px solid #e7e7e7;color:#111;background:#fff}.google-btn:hover{border-color:#cfcfcf;background:#fafafa}.signup-note{margin:32px 0 0;color:#66606a;font-size:14px;line-height:1.45;text-align:center}.signup-note a{color:#050505;font-weight:500}.error-slot{min-height:42px;margin-bottom:12px}.error-msg{width:100%;padding:11px 13px;overflow:hidden;border:1px solid #f2c4c4;border-radius:8px;color:#a4161a;background:#fff6f6;font-size:13px;line-height:1.45}@media (max-width: 860px){#login-react-root{height:100vh;padding:10px;background:#f0f0ef}.login-page-root{width:100%;height:100%;min-height:0;overflow:hidden;background:#f0f0ef}.login-shell{display:grid;grid-template-columns:1fr;width:100%;height:100%;min-height:0}.login-visual-panel{display:none}.login-form-panel{grid-column:1;width:100%;height:100%;min-height:0;margin:0;padding:clamp(18px,5vw,28px);border-radius:16px;box-shadow:0 14px 34px #11111114}.form-card{width:min(100%,380px)}.form-header{margin-bottom:26px}.password-field,.login-form>.text-field{margin-bottom:18px}.captcha-row{grid-template-columns:minmax(0,1fr) 104px;margin-bottom:18px}.google-btn{margin-top:16px}.signup-note{margin-top:18px}}@media (max-width: 460px){.form-header h1{font-size:28px}}@media (max-width: 380px){.captcha-row{grid-template-columns:1fr}.captcha-image-button{width:124px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}}