/* DTT login mascot — full CSS character supplied by Mr C, safely namespaced. */
.login-gecko{--gecko-render-scale:.24;position:absolute;z-index:8;left:24px;top:266px;width:130px;height:130px;pointer-events:none;transform:none;transform-origin:center;transition:opacity .3s ease}
.login-gecko .gecko-scene{position:absolute;inset:0 auto auto 0;width:520px;height:520px;transform:scale(var(--gecko-render-scale));transform-origin:top left}
.login-gecko .gecko-shadow{position:absolute;left:94px;bottom:30px;width:347px;height:48px;z-index:1;border-radius:50%;background:rgba(0,0,0,.72);filter:blur(14px)}
.login-gecko .gecko-character{position:absolute;inset:0;transform-origin:center bottom;animation:gecko-sleep-breathe 2.8s ease-in-out infinite}
.login-gecko .gecko-body{position:absolute;left:178px;top:135px;bottom:auto;width:190px;height:280px;z-index:4;border:0;border-radius:48% 48% 42% 45%/26% 35% 65% 70%;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.22),transparent 22%),radial-gradient(circle at 70% 65%,rgba(15,92,54,.38),transparent 48%),linear-gradient(110deg,#79d392 0%,#56bd76 38%,#32965a 72%,#17663c 100%);box-shadow:inset 12px 8px 24px rgba(255,255,255,.14),inset -18px -20px 30px rgba(4,57,31,.45),0 18px 26px rgba(0,0,0,.5);transform:rotate(-13deg);filter:none}
.login-gecko .gecko-neck{position:absolute;left:116px;top:94px;width:170px;height:155px;z-index:5;border-radius:52% 48% 42% 50%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.22),transparent 24%),linear-gradient(135deg,#79d496,#4fb873 56%,#277e4d);box-shadow:inset 10px 8px 18px rgba(255,255,255,.13),inset -15px -15px 25px rgba(5,70,37,.35);transform:rotate(19deg)}
.login-gecko .gecko-head{position:absolute;left:55px;top:72px;bottom:auto;width:225px;height:157px;z-index:10;border:0;border-radius:56% 47% 52% 48%/44% 46% 56% 58%;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.3),transparent 21%),linear-gradient(145deg,#8cdda2 0%,#5bc27b 48%,#2d8d54 100%);box-shadow:inset 12px 10px 20px rgba(255,255,255,.18),inset -17px -18px 25px rgba(7,61,34,.42),0 12px 20px rgba(0,0,0,.38);transform:rotate(12deg)}
.login-gecko .gecko-head::before,.login-gecko .gecko-head::after{content:none}
.login-gecko .gecko-snout{position:absolute;left:34px;top:111px;width:110px;height:72px;z-index:12;border-radius:60% 35% 48% 60%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.17),transparent 26%),linear-gradient(145deg,#79d395,#4eb772 63%,#2b8751);box-shadow:inset 8px 6px 12px rgba(255,255,255,.12),inset -10px -10px 16px rgba(5,65,36,.32);transform:rotate(9deg)}
.login-gecko .gecko-eye{position:absolute;width:61px;height:61px;z-index:20;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff 0 34%,#e8e8e8 58%,#a5b0aa 100%);box-shadow:inset -6px -7px 10px rgba(0,0,0,.18),0 4px 6px rgba(0,0,0,.32);transform-origin:center bottom;transition:transform .25s ease,filter .25s ease}
.login-gecko .gecko-eye-left{left:78px;top:48px;transform:rotate(-6deg)}
.login-gecko .gecko-eye-right{left:132px;top:46px;transform:rotate(7deg)}
.login-gecko .gecko-pupil{position:absolute;left:28px;top:10px;width:17px;height:21px;border-radius:50%;background:#121719;box-shadow:inset 3px 2px 3px rgba(255,255,255,.16),0 1px 2px rgba(0,0,0,.5);transition:opacity .2s ease}
.login-gecko .gecko-pupil::after{content:'';position:absolute;left:4px;top:3px;width:5px;height:6px;border-radius:50%;background:rgba(255,255,255,.8)}
.login-gecko .gecko-mouth{position:absolute;left:69px;top:127px;width:152px;height:130px;z-index:30;overflow:hidden;border:7px solid #307d4d;border-radius:50% 48% 55% 52%/33% 40% 62% 70%;background:radial-gradient(ellipse at 45% 30%,#7d304a 0%,#542438 50%,#291421 100%);box-shadow:inset 12px 12px 22px rgba(0,0,0,.55),0 4px 6px rgba(0,0,0,.3);transform:rotate(18deg);transform-origin:center top;transition:opacity .2s ease,transform .25s ease}
.login-gecko .gecko-mouth-inner{position:absolute;left:12px;bottom:3px;width:115px;height:39px;border-radius:50%;background:rgba(132,50,73,.72);transform:rotate(-8deg)}
.login-gecko .gecko-tongue{position:absolute;left:93px;top:172px;width:57px;height:130px;z-index:35;border-radius:52% 48% 58% 45%;background:linear-gradient(90deg,#9d315c,#d04c77 43%,#9c3158 100%);box-shadow:inset 8px 2px 10px rgba(255,255,255,.14),inset -7px -6px 11px rgba(92,15,46,.42),0 8px 10px rgba(0,0,0,.27);transform:rotate(21deg);transform-origin:50% 5%;transition:opacity .2s ease,transform .25s ease}
.login-gecko .gecko-tongue::after{content:'';position:absolute;left:8px;bottom:-3px;width:45px;height:33px;border-radius:50%;background:#a4315c;transform-origin:top center}
.login-gecko .gecko-tail{position:absolute;left:302px;top:267px;right:auto;bottom:auto;width:192px;height:166px;z-index:2;overflow:hidden;border:0;border-radius:18% 85% 43% 70%/54% 90% 20% 58%;background:radial-gradient(ellipse at 20% 38%,#55bd76 0 35%,#328f57 68%,#17663c 100%);box-shadow:inset 7px 8px 18px rgba(255,255,255,.12),inset -18px -14px 22px rgba(4,54,30,.4);transform:rotate(14deg);transform-origin:center}
.login-gecko .gecko-tail::after{content:'';position:absolute;left:12px;top:-17px;width:145px;height:111px;border-radius:50%;background:#15120e;transform:rotate(-5deg)}
.login-gecko .gecko-tail-tip{position:absolute;right:19px;top:221px;width:54px;height:133px;z-index:3;border-radius:60% 48% 80% 25%;background:linear-gradient(145deg,#58bc75,#2c8a50 60%,#17613a);box-shadow:inset -9px -7px 12px rgba(5,52,29,.36);transform:rotate(26deg)}
.login-gecko .gecko-arm{position:absolute;height:24px;z-index:8;border-radius:999px;background:linear-gradient(#67c885,#35995a);box-shadow:inset 3px 3px 5px rgba(255,255,255,.12),inset -4px -4px 7px rgba(6,64,35,.3)}
.login-gecko .gecko-arm-top{left:305px;top:178px;width:106px;transform:rotate(-33deg);transform-origin:8% 50%}
.login-gecko .gecko-arm-bottom{left:318px;top:229px;width:111px;transform:rotate(25deg);transform-origin:8% 50%}
.login-gecko .gecko-hand{position:absolute;width:32px;height:32px;z-index:9;border-radius:50%;background:#58bd76}
.login-gecko .gecko-hand-top{left:399px;top:132px;transform:rotate(-30deg)}
.login-gecko .gecko-hand-bottom{left:414px;top:250px;transform:rotate(25deg)}
.login-gecko .gecko-finger{position:absolute;left:13px;top:8px;width:32px;height:9px;border-radius:999px;background:#58bd76;transform-origin:left center}
.login-gecko .gecko-finger:nth-child(1){transform:rotate(-48deg)}.login-gecko .gecko-finger:nth-child(2){transform:rotate(-5deg)}.login-gecko .gecko-finger:nth-child(3){transform:rotate(41deg)}
.login-gecko .gecko-leg{position:absolute;z-index:6;background:linear-gradient(135deg,#62c481,#318f55);box-shadow:inset 5px 5px 8px rgba(255,255,255,.1),inset -7px -6px 10px rgba(5,62,34,.32)}
.login-gecko .gecko-leg-left{left:152px;top:377px;width:62px;height:82px;border-radius:60% 45% 52% 42%;transform:rotate(24deg)}
.login-gecko .gecko-leg-right{left:291px;top:387px;width:67px;height:72px;border-radius:45% 58% 50%;transform:rotate(-20deg)}
.login-gecko .gecko-foot{position:absolute;z-index:7;width:73px;height:24px;border-radius:60% 70% 35% 45%;background:linear-gradient(#5ec17e,#2d8c51);box-shadow:inset -5px -4px 7px rgba(4,55,30,.3),0 5px 8px rgba(0,0,0,.3)}
.login-gecko .gecko-foot-left{left:107px;top:446px;transform:rotate(-9deg)}.login-gecko .gecko-foot-right{left:333px;top:446px;transform:rotate(11deg)}
.login-gecko .gecko-toe{position:absolute;right:-14px;width:31px;height:8px;border-radius:999px;background:#49ac69;transform-origin:left center}
.login-gecko .gecko-toe:nth-child(1){top:3px;transform:rotate(-25deg)}.login-gecko .gecko-toe:nth-child(2){top:9px}.login-gecko .gecko-toe:nth-child(3){top:15px;transform:rotate(23deg)}
.login-gecko .gecko-speech{position:absolute;z-index:50;top:-11px;left:42px;min-width:max-content;padding:5px 8px;border:1px solid rgba(255,232,176,.38);border-radius:999px;background:rgba(34,28,17,.92);color:#ffe5a7;font-size:11px;font-weight:800;letter-spacing:.02em;opacity:0;transform:translateY(7px) scale(.9);transition:opacity .2s ease,transform .2s ease}
.login-stage:not(.login-studio--lit) .gecko-character{filter:saturate(.72) brightness(.78)}
.login-stage:not(.login-studio--lit) .gecko-eye-left{transform:translateY(25px) rotate(-6deg) scaleY(.12)}
.login-stage:not(.login-studio--lit) .gecko-eye-right{transform:translateY(25px) rotate(7deg) scaleY(.12)}
.login-stage:not(.login-studio--lit) .gecko-pupil{opacity:0}
.login-stage:not(.login-studio--lit) .gecko-mouth{opacity:.72;transform:translateY(24px) rotate(12deg) scale(.76,.08)}
.login-stage:not(.login-studio--lit) .gecko-tongue{opacity:0;transform:rotate(18deg) translateY(-10px) scaleY(.08)}
.login-studio--lit .login-gecko{animation:gecko-lap 5.2s cubic-bezier(.42,0,.58,1) infinite}
.login-studio--lit .gecko-character{animation:gecko-scream-body .32s ease-in-out infinite alternate;filter:saturate(1.1)}
.login-studio--lit .gecko-head,.login-studio--lit .gecko-snout,.login-studio--lit .gecko-eye{animation:gecko-scream-head .16s ease-in-out infinite alternate}
.login-studio--lit .gecko-mouth{animation:gecko-screaming-mouth .38s ease-in-out infinite alternate}
.login-studio--lit .gecko-tongue{opacity:1;animation:gecko-tongue-scream .48s ease-in-out infinite}
.login-studio--lit .gecko-tongue::after{animation:gecko-tongue-tip .2s ease-in-out infinite alternate}
.login-studio--lit .gecko-arm-top{animation:gecko-wave-arm-top .42s ease-in-out infinite alternate}.login-studio--lit .gecko-hand-top{animation:gecko-wave-hand-top .42s ease-in-out infinite alternate}
.login-studio--lit .gecko-arm-bottom{animation:gecko-wave-arm-bottom .36s ease-in-out infinite alternate}.login-studio--lit .gecko-hand-bottom{animation:gecko-wave-hand-bottom .36s ease-in-out infinite alternate}
.login-studio--lit .gecko-finger:nth-child(1){animation:gecko-finger-one .18s ease-in-out infinite alternate}.login-studio--lit .gecko-finger:nth-child(2){animation:gecko-finger-two .2s ease-in-out infinite alternate}.login-studio--lit .gecko-finger:nth-child(3){animation:gecko-finger-three .16s ease-in-out infinite alternate}
.login-studio--lit .gecko-pupil{animation:gecko-pupil-shake .22s steps(2) infinite}.login-studio--lit .gecko-shadow{animation:gecko-shadow-scream .32s ease-in-out infinite alternate}
.login-studio--lit .login-gecko .gecko-body{transform:rotate(-13deg);filter:none}
.login-studio--lit .login-gecko .gecko-speech{opacity:1;transform:none;animation:gecko-speech 1.65s ease-in-out infinite}
@keyframes gecko-sleep-breathe{0%,100%{transform:translateY(11px) rotate(8deg) scaleY(.92)}50%{transform:translateY(7px) rotate(7deg) scaleY(.94)}}
@keyframes gecko-scream-body{0%{transform:translateY(0) rotate(-1deg) scaleY(1)}100%{transform:translateY(-7px) rotate(1deg) scaleY(1.015)}}
@keyframes gecko-scream-head{0%{translate:-2px 0}100%{translate:3px -2px}}
@keyframes gecko-screaming-mouth{0%{transform:rotate(16deg) scale(.94,.88)}100%{transform:rotate(20deg) scale(1.05,1.13)}}
@keyframes gecko-tongue-scream{0%,100%{transform:rotate(14deg) translateY(-8px) scale(.9,.82)}25%{transform:rotate(25deg) translate(4px,5px) scale(1.05,1.08)}50%{transform:rotate(17deg) translate(-2px,15px) scale(.96,1.18)}75%{transform:rotate(29deg) translate(5px,6px) scale(1.06)}}
@keyframes gecko-tongue-tip{from{transform:rotate(-7deg) scaleX(.95)}to{transform:rotate(8deg) scaleX(1.08)}}
@keyframes gecko-wave-arm-top{from{transform:rotate(-48deg)}to{transform:rotate(-18deg)}}@keyframes gecko-wave-hand-top{from{transform:translate(-10px,-12px) rotate(-44deg)}to{transform:translate(7px,11px) rotate(8deg)}}
@keyframes gecko-wave-arm-bottom{from{transform:rotate(10deg)}to{transform:rotate(42deg)}}@keyframes gecko-wave-hand-bottom{from{transform:translate(-4px,-9px) rotate(5deg)}to{transform:translate(7px,10px) rotate(48deg)}}
@keyframes gecko-finger-one{from{transform:rotate(-55deg)}to{transform:rotate(-35deg)}}@keyframes gecko-finger-two{from{transform:rotate(-12deg)}to{transform:rotate(8deg)}}@keyframes gecko-finger-three{from{transform:rotate(32deg)}to{transform:rotate(54deg)}}
@keyframes gecko-pupil-shake{0%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}100%{transform:translate(0,2px)}}@keyframes gecko-shadow-scream{from{transform:scaleX(1);opacity:.75}to{transform:scaleX(.88);opacity:.55}}
@keyframes gecko-lap{0%,100%{transform:translate3d(0,0,0) rotate(0)}25%{transform:translate3d(135px,-86px,0) rotate(-8deg)}50%{transform:translate3d(78px,-154px,0) rotate(5deg)}75%{transform:translate3d(-18px,-70px,0) rotate(11deg)}}
@keyframes gecko-lap-mobile{0%,100%{transform:translate3d(0,0,0) rotate(0)}25%{transform:translate3d(108px,-58px,0) rotate(-8deg)}50%{transform:translate3d(54px,-108px,0) rotate(5deg)}75%{transform:translate3d(-18px,-48px,0) rotate(11deg)}}
@keyframes gecko-speech{0%,100%{opacity:0;transform:translateY(7px) scale(.92)}25%,72%{opacity:1;transform:none}}
@media(max-width:760px){.login-gecko{--gecko-render-scale:.19;left:39px;top:205px;width:100px;height:100px}}
@media(max-width:480px){.login-gecko{--gecko-render-scale:.16;left:35px;top:174px;width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){.login-studio--lit .gecko-tongue{opacity:1}.login-studio--lit .gecko-mouth{transform:rotate(18deg)}.login-stage:not(.login-studio--lit) .gecko-character{transform:translateY(9px) rotate(8deg) scaleY(.93)}}