/* Self-contained motion; no external JS, fonts, or remote assets. */
.login-brand{isolation:isolate;background:radial-gradient(circle at 12% 9%,rgba(73,146,255,.34),transparent 36%),linear-gradient(142deg,#071832 0%,#102e5b 47%,#1249a7 100%)}
.login-brand:before{animation:premiumOrbit 28s linear infinite;border-color:rgba(205,225,255,.11)}
.login-brand:after{animation:premiumOrbit 32s linear infinite reverse}
.login-brand .brand-content h1{font-size:clamp(40px,4.2vw,68px);letter-spacing:-.045em;text-shadow:0 7px 32px rgba(3,10,30,.2)}
.login-brand .brand-content p{color:rgba(238,245,255,.86)}
.brand-top,.brand-content,.brand-footer{z-index:4}
.brand-feature{background:rgba(215,232,255,.10);border:1px solid rgba(180,220,255,.13);backdrop-filter:blur(10px);border-radius:11px;transition:transform .2s,border-color .2s}
.brand-feature:hover{transform:translateY(-3px);border-color:rgba(196,228,255,.5)}
.brand-pill{color:#e4f0ff;background:rgba(41,109,213,.28)}
.login-brand .premium-orbit{position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(172,213,255,.1);z-index:1;animation:premiumOrbit 44s linear infinite}
.premium-orbit.one{right:-100px;top:14%;width:390px;height:390px}
.premium-orbit.two{right:19px;top:21%;width:255px;height:255px;animation-direction:reverse}
.premium-glow{position:absolute;right:-110px;top:35%;width:310px;height:310px;background:#2983ff;opacity:.17;filter:blur(88px);border-radius:50%;animation:premiumPulse 9s ease-in-out infinite;z-index:0}
.premium-grid{position:absolute;right:0;bottom:0;width:72%;height:55%;opacity:.14;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(177,218,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(177,218,255,.12) 1px,transparent 1px);background-size:38px 38px;transform:perspective(300px) rotateX(35deg);transform-origin:bottom}
.premium-spark{position:absolute;width:7px;height:7px;border-radius:100%;background:#9dd5ff;box-shadow:0 0 16px #66b3ff;z-index:2;animation:premiumFloat 9s ease-in-out infinite}
.premium-spark.a{right:15%;top:20%}.premium-spark.b{right:30%;top:42%;width:4px;height:4px;animation-delay:-3s}.premium-spark.c{right:10%;bottom:19%;width:5px;height:5px;animation-delay:-5s}
.premium-insight{position:absolute;right:7%;bottom:14%;width:min(210px,26%);padding:14px 15px;border:1px solid rgba(213,235,255,.23);background:linear-gradient(125deg,rgba(47,118,222,.24),rgba(27,73,139,.18));backdrop-filter:blur(15px);box-shadow:0 18px 50px rgba(1,13,40,.13);border-radius:15px;z-index:2;pointer-events:none;animation:premiumFloat 9s ease-in-out infinite}
.premium-insight small{font-size:10px;letter-spacing:.06em;color:#d1e6ff;font-weight:750;text-transform:uppercase}
.premium-insight .p-bars{display:flex;align-items:end;gap:6px;height:44px;margin-top:10px}
.premium-insight .p-bars i{display:block;flex:1;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#9bd6ff,#258bff);opacity:.7;transform-origin:bottom;animation:premiumBar 1.25s both cubic-bezier(.25,.8,.25,1)}
.premium-insight .p-bars i:nth-child(1){height:42%;animation-delay:.1s}.premium-insight .p-bars i:nth-child(2){height:70%;animation-delay:.18s}.premium-insight .p-bars i:nth-child(3){height:52%;animation-delay:.26s}.premium-insight .p-bars i:nth-child(4){height:84%;animation-delay:.34s}.premium-insight .p-bars i:nth-child(5){height:64%;animation-delay:.42s}
.login-wrap{animation:premiumAppear .65s ease-out both}
.login-wrap h2{font-weight:790;letter-spacing:-.045em}
.login-area{background:radial-gradient(circle at 91% 5%,#e8f0ff,transparent 45%),#f8faff}
.signin-button{background:linear-gradient(110deg,#1268fb,#234cdb,#1268fb);background-size:200% 100%;transition:background-position .4s ease,transform .2s,box-shadow .2s}
.signin-button:hover{background-position:100% 0}
@keyframes premiumOrbit{to{transform:rotate(360deg)}}
@keyframes premiumPulse{50%{transform:scale(1.22);opacity:.23}}
@keyframes premiumFloat{50%{transform:translateY(-11px)}}
@keyframes premiumBar{from{transform:scaleY(.12);opacity:.2}to{transform:scaleY(1);opacity:.8}}
@keyframes premiumAppear{from{transform:translateY(13px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1180px){.premium-insight{right:4%;bottom:8%;width:145px;opacity:.65}.login-brand .brand-content{max-width:520px}}
@media(max-width:900px){.premium-insight,.premium-grid,.premium-orbit,.premium-spark,.premium-glow{display:none}.login-wrap{animation:none}.login-area{min-height:100dvh}.login-page .login-wrap{max-width:510px}}
@media(prefers-reduced-motion:reduce){.login-brand:before,.login-brand:after,.premium-orbit,.premium-glow,.premium-spark,.premium-insight,.premium-insight .p-bars i,.login-wrap{animation:none!important}.brand-feature,.signin-button{transition:none!important}}
