body:not(.signed-in) .account-shell{max-width:1180px;padding:120px 30px 55px;display:flex;flex-direction:column;justify-content:center;min-height:100svh}
#auth:not([hidden]){display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #ffffff16;border-radius:28px;overflow:hidden;background:#181818;box-shadow:0 30px 90px #0005;min-height:640px}
.auth-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 38px 30px;background:radial-gradient(ellipse at 15% 10%,#e5091433,transparent 65%),linear-gradient(150deg,#25151b,#171921 70%);overflow:hidden;isolation:isolate}.auth-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:38px 38px;z-index:-1}.auth-tag{font-size:10px;letter-spacing:3px;color:#f67c84;font-weight:700}.auth-art-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.3;letter-spacing:-1px;margin:20px 0 14px}.auth-art-heading p{font-size:13px;color:#b1a4aa;margin:0;line-height:1.8}.auth-art-footer{display:flex;align-items:center;gap:8px;color:#b6a8ac;font-size:12px;padding-top:25px}.auth-live-dot{width:6px;height:6px;background:#f05260;border-radius:50%}
.auth-characters{position:relative;height:280px;width:100%;max-width:430px;align-self:center;border-bottom:1px solid #ffffff16;margin-top:45px}.auth-character{position:absolute;bottom:0;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.22,1,.36,1)}.auth-character.tall{left:17%;width:34%;height:260px;background:linear-gradient(135deg,#5978ed,#3757ba);border-radius:14px 14px 0 0;z-index:1}.auth-character.dark{left:49%;width:23%;height:200px;background:#30323c;border:1px solid #ffffff15;border-radius:12px 12px 0 0;z-index:2}.auth-character.round{left:0;width:52%;height:136px;background:linear-gradient(135deg,#fc6672,#db3344);border-radius:130px 130px 0 0;z-index:3}.auth-character.small{right:0;width:30%;height:170px;background:linear-gradient(135deg,#ffbc77,#e69653);border-radius:90px 90px 0 0;z-index:4}.character-face{--face-x:0px;--face-y:0px;position:absolute;top:35px;left:25%;width:50%;display:flex;justify-content:space-between;transform:translate(var(--face-x),var(--face-y));transition:transform .3s ease}.round .character-face{top:62px;left:32%;width:36%}.small .character-face{top:47px;left:26%;width:48%}.character-eye{display:grid;place-items:center;width:18px;height:18px;background:#fff;border-radius:50%;overflow:hidden;animation:character-blink 5.6s infinite}.dark .character-eye{animation-delay:1.8s;width:15px;height:15px}.character-eye i{width:7px;height:7px;border-radius:50%;background:#17202e;transition:transform .2s ease}.character-mouth{position:absolute;width:18px;height:7px;border-bottom:2px solid #152034;border-radius:0 0 10px 10px;left:calc(50% - 9px);top:32px}.small .character-mouth{width:34px;left:calc(50% - 17px);height:0;border-radius:0}.is-typing .tall{transform:translateX(18px) skewX(-7deg) scaleY(1.07)}.is-typing .dark{transform:skewX(-5deg)}.is-looking-away .tall,.is-looking-away .dark{transform:skewX(7deg) translateX(-8px)}.is-looking-away .round,.is-looking-away .small{transform:skewX(4deg)}@keyframes character-blink{0%,43%,47%,100%{scale:1 1}45%{scale:1 .08}}
.auth-form-panel{align-self:center;padding:42px 48px;width:100%;min-width:0}.auth-form-panel>.eyebrow{font-size:10px;letter-spacing:3px;color:#a3a3a3}.account-shell .auth-form-panel h1{font-size:32px;margin:10px 0 8px}.auth-description{font-size:13px;color:#929292;margin:0 0 25px}.auth-form-panel .account-tabs{border:0;border-radius:12px;background:#101010;padding:4px;gap:4px;margin:22px 0}.auth-form-panel .account-tabs button{width:50%;padding:9px;border:0;border-radius:9px;color:#929292;font-size:14px}.auth-form-panel .account-tabs button.selected{background:#303030;color:#fff;box-shadow:0 2px 6px #0003}.auth-form-panel label{margin:17px 0;gap:7px;font-size:13px}.auth-form-panel input{height:47px;background:#131313;border-color:#393939;border-radius:11px;font-size:14px;padding:12px 14px}.auth-form-panel input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 3px #e5091418}.auth-form-panel input::placeholder{color:#676767}.auth-password-field{display:block;position:relative}.auth-password-field input{padding-right:60px}.password-toggle{position:absolute;right:7px;top:7px;height:33px;padding:0 8px;background:transparent;color:#aaa;font-size:12px;border-radius:7px!important}.password-toggle:hover{color:#fff;background:#ffffff0a}.auth-form-panel #submit-auth{height:48px;margin-top:10px;border-radius:11px}.auth-form-panel #password-help{font-size:11px;line-height:1.7}.account-shell #account-message:empty{display:none}body:not(.signed-in) #account-message{align-self:flex-end;width:48%;margin-top:14px;color:#ff8f98}
@media(max-width:850px){body:not(.signed-in) .account-shell{padding:125px 20px 40px}#auth:not([hidden]){grid-template-columns:.9fr 1fr}.auth-art{padding:32px 24px}.auth-form-panel{padding:32px 28px}.auth-characters{height:250px}.auth-character.tall{height:220px}.auth-character.dark{height:180px}.auth-character.small{height:150px}}
@media(max-width:600px){body:not(.signed-in) .account-shell{padding:126px 18px 35px;justify-content:flex-start}#auth:not([hidden]){grid-template-columns:1fr;min-height:0;border-radius:22px}.auth-art{padding:24px 26px 0;min-height:205px}.auth-art-heading h2{font-size:26px;margin:10px 0 8px}.auth-art-heading h2 br{display:none}.auth-art-heading p{font-size:12px}.auth-tag{font-size:9px}.auth-art-footer{display:none}.auth-characters{width:160px;height:110px;align-self:flex-end;margin-top:-5px;margin-right:0}.auth-character.tall{height:100px}.auth-character.dark{height:80px}.auth-character.round{height:53px}.auth-character.small{height:65px}.character-face{top:15px}.round .character-face{top:24px}.small .character-face{top:19px}.character-eye,.dark .character-eye{width:9px;height:9px}.character-eye i{width:4px;height:4px}.character-mouth{top:15px;width:10px;left:calc(50% - 5px);height:4px}.small .character-mouth{width:14px;left:calc(50% - 7px)}.auth-form-panel{padding:24px 26px 30px}.account-shell .auth-form-panel h1{font-size:27px}.auth-form-panel>.eyebrow{display:none}.auth-description{margin-bottom:18px}.auth-form-panel .account-tabs{margin:18px 0}body:not(.signed-in) #account-message{width:100%;align-self:stretch}}
@media(prefers-reduced-motion:reduce){.auth-character,.character-face,.character-eye i{transition:none}.character-eye{animation:none}}

/* Clip animated character paint to its rounded silhouette. */
.auth-character.tall{overflow:hidden;clip-path:inset(0 round 14px 14px 0 0);backface-visibility:hidden;outline:none;border:0}.auth-character.tall::before,.auth-character.tall::after{content:none!important}