.login-page{background:#0a1e2e;min-height:100svh;position:relative;overflow:hidden}.login-bg-image{filter:blur(6px)brightness(.85);object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;inset:0;transform:scale(1.02)}.login-page-grid{pointer-events:none;z-index:2;opacity:.07;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.login-page-grain{pointer-events:none;z-index:3;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;position:fixed;inset:0}.login-center{z-index:10;padding:48px;padding-top:max(var(--safe-top), 48px);padding-bottom:max(var(--safe-bottom), 48px);padding-left:max(var(--safe-left), 48px);padding-right:max(var(--safe-right), 48px);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-composite{pointer-events:auto;z-index:5;width:100%;max-width:960px;min-height:480px;max-height:560px;transform-style:preserve-3d;will-change:transform;border-radius:24px;outline:none;align-items:stretch;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;box-shadow:0 8px 24px #00000040,0 24px 64px #0000004d}.login-image-panel{z-index:1;border-radius:24px;flex:1;min-width:0;position:relative;overflow:hidden}.login-image-cover{object-fit:cover;filter:saturate(.8)contrast(1.05);width:100%;height:100%;display:block}.login-image-grain{pointer-events:none;z-index:2;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:512px;position:absolute;inset:0}.login-image-logo{z-index:5;position:absolute;top:28px;left:28px}.login-image-logo img{filter:invert()drop-shadow(0 1px 4px #00000080);opacity:.85;width:auto;height:68px}.login-auth-card{z-index:5;background:linear-gradient(#d4c4a8 0%,#e8dcc8 35%,#f0e7d3 100%);border:2px solid #d5d0c6;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;width:320px;margin-left:-72px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.login-auth-card:before{content:"";pointer-events:none;z-index:0;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;border-radius:18px;position:absolute;inset:0}.login-auth-card>*{z-index:1;position:relative}.login-auth-top{flex-shrink:0}.login-auth-title{font-family:var(--font-lora), Georgia, "Times New Roman", serif;color:#092031;letter-spacing:-.02em;margin-bottom:16px;font-size:28px;font-weight:600;line-height:1.1}.login-auth-divider{background:linear-gradient(90deg,#0000 0%,#0920312e 15%,#09203138 50%,#0920312e 85%,#0000 100%);width:100%;height:1px;margin-bottom:20px}.login-auth-mascot{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 0 20px;display:flex;overflow:visible}.login-auth-mascot img{object-fit:cover;aspect-ratio:1;z-index:1;border-radius:20px;width:auto;max-width:100%;height:100%;max-height:100%;position:relative;box-shadow:0 2px 8px #0920311a,0 1px 2px #0920310f}.login-auth-bottom{flex-shrink:0;margin-top:8px}.login-auth-sub{font-family:var(--font-space-mono), "Space Mono", monospace;color:#8e8e93;letter-spacing:.02em;text-align:center;margin:0 0 20px;font-size:12px;font-weight:700;line-height:1.5}.login-auth-loading{font-family:var(--font-space-mono), "Space Mono", monospace;color:#8e8e93;margin-bottom:12px;font-size:12px}.login-auth-error{color:#dc2626;font-family:var(--font-space-mono), "Space Mono", monospace;text-align:center;background:#ef444414;border:1px solid #ef444426;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:11px}.login-auth-sub--vpn{color:#5c4a2e;font-size:11px;line-height:1.65}.login-retry-link{cursor:pointer;font-family:inherit;font-size:inherit;color:#092031;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:700;-webkit-text-decoration:underline #0920314d;text-decoration:underline #0920314d;transition:color .15s,text-decoration-color .15s}.login-retry-link:hover{color:#8b74cc;text-decoration-color:#8b74cc66}.login-widget-reload-btn{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.02em;color:#092031;cursor:pointer;white-space:nowrap;background:#0920310f;border:1px solid #09203124;border-radius:12px;padding:10px 24px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.login-widget-reload-btn:hover{background:#0920311a;border-color:#09203138}.login-widget-wrapper{justify-content:center;align-items:center;min-height:48px;display:flex;position:relative}.login-widget{transform-origin:50%;justify-content:center;min-height:44px;display:flex;transform:scale(1.1)}.login-widget-skeleton{background:linear-gradient(90deg,#0920310f 0%,#0920311f 50%,#0920310f 100%) 0 0/200% 100%;border-radius:12px;width:232px;height:44px;margin:auto;animation:1.4s ease-in-out infinite login-widget-shimmer;position:absolute;inset:0}@keyframes login-widget-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.login-widget-skeleton{background:#09203114;animation:none}}@media (max-width:768px){.login-center{padding:24px;padding-top:max(var(--safe-top), 24px);padding-bottom:max(var(--safe-bottom), 24px);padding-left:max(var(--safe-left), 24px);padding-right:max(var(--safe-right), 24px)}.login-composite{filter:none;width:100%;height:auto;min-height:auto;max-height:none;box-shadow:none;flex-direction:column;align-items:stretch}.login-image-panel{display:none}.login-auth-card{border-radius:20px;justify-content:flex-start;gap:22px;width:100%;max-width:400px;margin:0 auto;padding:36px 28px}.login-auth-title{white-space:normal;margin-bottom:0;font-size:28px}.login-auth-divider{margin-bottom:0}.login-auth-mascot{flex:none;justify-content:center;min-height:0;max-height:none;padding:0;display:flex}.login-auth-mascot img{aspect-ratio:1;object-fit:cover;width:100%;max-width:300px;height:auto}.login-auth-bottom{margin-top:0}.login-auth-sub{margin-bottom:18px;font-size:13px}}