.login-page .star{position:absolute;background:white;border-radius:50%;pointer-events:none;box-shadow:0 0 1px rgba(255,255,255,.9),0 0 3px rgba(255,105,180,.35),0 0 5px rgba(0,191,255,.25);animation-name:loginStarFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes loginStarFloat{0%{transform:translate(0)}25%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .5))}50%{transform:translate(var(--dx),var(--dy))}75%{transform:translate(calc(var(--dx) * .7),calc(var(--dy) * .7))}to{transform:translate(0)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:20px;position:relative;overflow:hidden}.login-page:before{background:radial-gradient(ellipse at top,rgba(138,43,226,.14) 0,transparent 55%),radial-gradient(ellipse at bottom right,rgba(255,105,180,.12) 0,transparent 55%),radial-gradient(ellipse at bottom left,rgba(0,191,255,.12) 0,transparent 55%),var(--color-background);animation:loginSpaceGlow 28s ease-in-out infinite}.login-page:after,.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.login-page:after{background:radial-gradient(ellipse 900px 700px at 28% 38%,rgba(138,43,226,.08) 0,transparent 62%),radial-gradient(ellipse 700px 900px at 72% 62%,rgba(255,105,180,.08) 0,transparent 62%),radial-gradient(ellipse 800px 600px at 50% 78%,rgba(0,191,255,.06) 0,transparent 58%);animation:loginNebulaFloat 42s ease-in-out infinite;pointer-events:none;opacity:.9}@keyframes loginSpaceGlow{0%,to{opacity:1}33%{opacity:.95}66%{opacity:.98}}@keyframes loginNebulaFloat{0%,to{transform:translate(0) scale(1);opacity:.9}50%{transform:translate(24px,-18px) scale(1.04);opacity:.84}}.login-container{position:relative;z-index:1;background:rgba(0,0,0,.85);border:2px solid var(--color-hms-purple);border-radius:20px;padding:48px;width:100%;max-width:480px;box-shadow:var(--shadow-card-hover),inset 50px 0 60px -20px rgba(0,0,0,.65),inset -50px 0 60px -20px rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.login-logo-wrapper{display:inline-block;position:relative;cursor:pointer;transition:transform .2s ease;text-decoration:none;padding:8px}.login-logo-wrapper:hover{transform:scale(1.08) translateY(-2px)}.login-logo-wrapper:before{top:0;left:0;right:0;bottom:0;padding:4px;background:linear-gradient(135deg,rgba(220,220,220,.8),rgba(180,180,180,.9) 15%,rgba(150,150,150,.95) 30%,rgba(100,100,100,1) 50%,rgba(150,150,150,.95) 70%,rgba(180,180,180,.9) 85%,rgba(220,220,220,.8));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset 0 2px 6px rgba(255,255,255,.4),inset 0 -2px 6px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.5),0 0 25px var(--color-pink-alpha-04)}.login-logo-wrapper:after,.login-logo-wrapper:before{content:"";position:absolute;border-radius:50%;z-index:0}.login-logo-wrapper:after{top:6px;left:6px;right:6px;bottom:6px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0,rgba(200,200,200,.2) 20%,rgba(100,100,100,.3) 50%,rgba(50,50,50,.4) 70%,rgba(0,0,0,.5) 100%);box-shadow:inset 0 1px 3px rgba(255,255,255,.3),inset 0 -1px 3px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4)}.login-logo{height:60px;width:auto;position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(138,43,226,.6)) drop-shadow(0 3px 6px rgba(0,0,0,.6));border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0,transparent 50%);padding:2px;display:block;transition:filter .2s ease}.login-logo-wrapper:hover .login-logo{filter:drop-shadow(0 0 15px var(--color-pink-alpha-07)) drop-shadow(0 4px 8px rgba(0,0,0,.7))}.login-title{margin:0;letter-spacing:.3em}.login-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.login-page .back-link{color:var(--color-hms-purple);text-decoration:none;font-size:.9rem;transition:var(--transition-base)}.login-page .back-link:hover{color:var(--color-hms-pink)}.login-page .create-account-link{color:var(--color-hms-purple);text-decoration:none;font-size:.9rem;transition:var(--transition-base)}.login-page .create-account-link:hover{color:var(--color-hms-pink)}@media (max-width:767px){.login-container{padding:32px 24px}.login-header{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.login-logo{height:50px}.login-title{font-size:1.5rem}.login-navigation{flex-direction:row;justify-content:space-between;gap:20px}}html:not(.tv-mode) .login-page{min-height:100vh;min-height:100svh}html:not(.tv-mode) .login-container{animation:loginCardRise .56s cubic-bezier(.22,.9,.3,1) both}html:not(.tv-mode) .login-header{animation:loginFadeUp .52s cubic-bezier(.22,.9,.3,1) .12s both}html:not(.tv-mode) .login-page .login-modal-form,html:not(.tv-mode) .login-page .login-navigation{animation:loginFadeUp .48s cubic-bezier(.22,.9,.3,1) .26s both}.login-page .back-link,.login-page .create-account-link{display:inline-flex;align-items:center;min-height:44px}@media (max-width:767px){.login-page{padding:16px 14px calc(16px + env(safe-area-inset-bottom, 0px))}.login-container{padding:28px 22px;background:rgba(0,0,0,.92);backdrop-filter:none;-webkit-backdrop-filter:none}.login-header{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){html:not(.tv-mode) .login-container,html:not(.tv-mode) .login-header,html:not(.tv-mode) .login-page .login-modal-form,html:not(.tv-mode) .login-page .login-navigation{animation:loginFadeOnly .32s ease both}.login-page .star{animation:none}}@keyframes loginCardRise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes loginFadeOnly{0%{opacity:0}to{opacity:1}}