.login-page{color:#1a2f3d;background:#003c60;width:100%;max-width:100%;min-height:100dvh;margin:0;overflow-x:hidden}.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:100%;min-height:100dvh;display:grid}.login-promo{color:#f5f8fc;background:linear-gradient(155deg,#003c60 0%,#0c3c60 48%,#16324f 100%);align-items:stretch;padding:clamp(1.4rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.login-promo-mesh{opacity:.4;pointer-events:none;background-image:linear-gradient(#3cb4b81a 1px,#0000 1px),linear-gradient(90deg,#3cb4b81a 1px,#0000 1px);background-size:28px 28px;animation:18s linear infinite loginMesh;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 30% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 30% 20%,#000 20%,#0000 75%)}.login-promo-orb{filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.login-promo-orb-a{background:radial-gradient(circle,#2484848c,#0000 68%);width:22rem;height:22rem;animation:9s ease-in-out infinite alternate loginFloat;top:-6rem;right:-4rem}.login-promo-orb-b{background:radial-gradient(circle,#3cb4b859,#0000 70%);width:16rem;height:16rem;animation:11s ease-in-out infinite alternate-reverse loginFloat;bottom:-5rem;left:-3rem}.login-promo-ring{pointer-events:none;border:1px solid #9ee0e22e;border-radius:999px;width:min(28rem,70vw);height:min(28rem,70vw);animation:6s ease-in-out infinite loginPulse;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 60px #2484841f,0 0 80px #00000026}.login-promo-inner{z-index:1;flex-direction:column;justify-content:space-between;gap:2rem;width:100%;max-width:34rem;margin-inline:auto;display:flex;position:relative}.login-promo-top{flex-direction:column;gap:.85rem;display:flex}.login-promo-logo{object-fit:contain;filter:drop-shadow(0 10px 28px #00000047);width:min(200px,52vw);height:auto}.login-promo-brand{letter-spacing:.32em;color:#3cb4b8;margin:0;font-size:.72rem;font-weight:700}.login-promo-headline{letter-spacing:-.02em;margin:0;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:700;line-height:1.3}.login-promo-headline span{background:linear-gradient(90deg,#9ee0e2 0%,#3cb4b8 55%,#f5f8fc 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.login-promo-sub{color:#f5f8fcc7;max-width:28rem;margin:.85rem 0 0;font-size:1rem;line-height:1.9}.login-promo-features{gap:.65rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.login-promo-features li{color:#f5f8fceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.9rem;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.92rem;transition:transform .25s,background .25s;display:flex}.login-promo-features li:hover{background:#ffffff1a;transform:translate(-3px)}[dir=ltr] .login-promo-features li:hover{transform:translate(3px)}.feat-dot{background:#3cb4b8;border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;box-shadow:0 0 12px #3cb4b8cc}.login-panel{background:radial-gradient(70% 45% at 100% 0,#24848424,#0000 55%),radial-gradient(50% 35% at 0 100%,#003c6014,#0000 50%),#f3f7f9;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:2rem 1rem 1.75rem;display:flex;position:relative}.login-mobile-brand{justify-content:center;width:100%;max-width:420px;margin-bottom:.25rem;display:none}.login-mobile-logo{width:min(150px,44vw);height:auto}.login-card{background:#fff;border:1px solid #d5e0e6;border-radius:1.5rem;width:100%;max-width:420px;padding:1.6rem 1.45rem 1.45rem;animation:.55s both loginCardIn;box-shadow:0 18px 48px #003c601a}.login-card-hint{color:#5c7380;margin:0 0 1rem;font-size:.88rem;line-height:1.7}.login-process-link{text-align:center;color:#186078;margin-top:1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.login-process-link:hover{text-decoration:underline}.login-apk{background:#ffffffeb;border:1px solid #d5e0e6;border-radius:1.25rem;grid-template-columns:auto 1fr;align-items:center;gap:.95rem;width:100%;max-width:420px;padding:.95rem 1rem;animation:.7s both loginCardIn;display:grid;box-shadow:0 12px 32px #003c6012}.login-apk-qr{background:#fff;border:1px solid #e6eef2;border-radius:.85rem;place-items:center;width:108px;height:108px;padding:6px;display:grid}.login-apk-copy{flex-direction:column;gap:.55rem;min-width:0;display:flex}.login-apk-title{color:#003c60;margin:0;font-size:.95rem;font-weight:700}.login-apk-sub{color:#5c7380;margin:0;font-size:.8rem;line-height:1.55}.login-apk-btn{color:#fff;background:#248484;border-radius:.85rem;justify-content:center;align-items:center;gap:.4rem;width:fit-content;padding:.55rem .9rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 18px #24848447}.login-apk-btn:hover{background:#1a6c6c;transform:translateY(-1px)}@keyframes loginMesh{0%{background-position:0 0,0 0}to{background-position:28px 28px,28px 28px}}@keyframes loginFloat{0%{transform:translateY(0)scale(1)}to{transform:translateY(-14px)scale(1.04)}}@keyframes loginPulse{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.03)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.login-shell{grid-template-columns:1fr}.login-promo{display:none}.login-mobile-brand{display:flex}.login-panel{min-height:100dvh}.login-apk{text-align:center;grid-template-columns:1fr;justify-items:center}.login-apk-copy{align-items:center}}@media (prefers-reduced-motion:reduce){.login-promo-mesh,.login-promo-orb,.login-promo-ring,.login-card,.login-apk{animation:none}}