.halloween-login{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:clip;padding:112px 24px 96px;background:linear-gradient(135deg,#fdfbf7,#f7f1e5,#f3ebe0)}.halloween-shell{position:relative;isolation:isolate;z-index:1;width:100%;max-width:440px}.halloween-card{position:relative;z-index:1;width:100%;border:1px solid #f1f5f9;border-radius:16px;background:#fff;padding:40px 40px 56px;box-shadow:0 10px 30px #0000000f}.halloween-background{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.halloween-background canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.halloween-web{position:absolute;top:0;left:0;width:192px;height:192px;opacity:.2;color:#78350f}.halloween-web.right{left:auto;right:0;transform:scaleX(-1)}.halloween-spider{position:absolute;top:0;left:80px;width:42px;height:120px;transform-origin:top center;animation:halloween-swing 4s ease-in-out infinite}.halloween-mascot{position:absolute;z-index:2;display:flex;align-items:center;flex-direction:column;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.halloween-ghost{left:-54px;top:-58px;transform:rotate(-9deg)}.halloween-pumpkin{right:-66px;bottom:-34px}.halloween-ghost img{display:block;width:132px;height:132px;filter:drop-shadow(0 4px 3px #00000012)}.halloween-pumpkin img{display:block;width:116px;height:116px;filter:drop-shadow(0 4px 3px #00000012)}.halloween-speech{position:absolute;bottom:calc(100% + 6px);padding:8px 14px;border-radius:999px;background:#1e293b;color:#fcd34d;font-size:14px;line-height:1.6;font-weight:700;white-space:nowrap;box-shadow:0 10px 15px #00000015;border:1px solid #f59e0b4d;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,transform .2s,visibility .2s}.halloween-speech:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:#1e293b transparent}.halloween-mascot:hover .halloween-speech,.halloween-mascot:focus-visible .halloween-speech,.halloween-mascot.is-speaking .halloween-speech{opacity:1;visibility:visible;transform:translateY(0)}.halloween-mascot:focus-visible{outline:2px solid #3b82f6;outline-offset:4px;border-radius:18px}.halloween-float{animation:halloween-float 4.5s ease-in-out infinite}.halloween-pop{animation:halloween-pop .5s ease-out}@keyframes halloween-swing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes halloween-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes halloween-pop{0%,to{transform:scale(1)}40%{transform:scale(1.2) rotate(-6deg)}70%{transform:scale(.92) rotate(4deg)}}@media(max-width:600px){.halloween-login{padding:140px 20px 138px}.halloween-card{padding:32px 28px}.halloween-ghost{left:-12px;top:-92px}.halloween-pumpkin{right:0;bottom:-104px}.halloween-speech{max-width:190px;white-space:normal;width:max-content}.halloween-web{width:144px;height:144px}.halloween-spider{left:40px}}@media(prefers-reduced-motion:reduce){.halloween-login *,.halloween-login *:after{animation:none!important;transition:none!important}.halloween-background canvas{display:none}}