.login{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),filter .56s cubic-bezier(.22,1,.36,1);background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1),transparent 40%),radial-gradient(circle at 80% 70%,rgba(52,96,235,.42),transparent 50%),radial-gradient(circle at 50% 50%,rgba(40,84,220,.56),transparent 60%),linear-gradient(135deg,#010518,#0a1f78 45%,#1d49d6)}.login.is-leaving{opacity:0;transform:scale(1.02);filter:saturate(1.08) blur(1.6px);pointer-events:none}.login:before,.login:after,.login .stars{z-index:0;content:"";position:absolute;inset:0;pointer-events:none}.login:before{background-image:radial-gradient(1px 1px at 5% 10%,white 60%,transparent),radial-gradient(1px 1px at 15% 80%,white 60%,transparent),radial-gradient(1px 1px at 25% 30%,white 60%,transparent),radial-gradient(1px 1px at 35% 60%,white 60%,transparent),radial-gradient(1px 1px at 45% 20%,white 60%,transparent),radial-gradient(1px 1px at 55% 75%,white 60%,transparent),radial-gradient(1px 1px at 65% 40%,white 60%,transparent),radial-gradient(1px 1px at 75% 15%,white 60%,transparent),radial-gradient(1px 1px at 85% 55%,white 60%,transparent),radial-gradient(1px 1px at 95% 35%,white 60%,transparent),radial-gradient(1px 1px at 10% 50%,white 60%,transparent),radial-gradient(1px 1px at 30% 90%,white 60%,transparent),radial-gradient(1px 1px at 60% 5%,white 60%,transparent),radial-gradient(1px 1px at 80% 85%,white 60%,transparent),radial-gradient(1px 1px at 50% 50%,white 60%,transparent),radial-gradient(1px 1px at 12% 22%,white 60%,transparent),radial-gradient(1px 1px at 78% 12%,white 60%,transparent),radial-gradient(1px 1px at 42% 64%,white 60%,transparent),radial-gradient(1px 1px at 66% 88%,white 60%,transparent),radial-gradient(1px 1px at 90% 10%,white 60%,transparent),radial-gradient(1px 1px at 8% 34%,white 60%,transparent),radial-gradient(1px 1px at 18% 58%,white 60%,transparent),radial-gradient(1px 1px at 28% 74%,white 60%,transparent),radial-gradient(1px 1px at 38% 26%,white 60%,transparent),radial-gradient(1px 1px at 48% 92%,white 60%,transparent),radial-gradient(1px 1px at 58% 32%,white 60%,transparent),radial-gradient(1px 1px at 68% 68%,white 60%,transparent),radial-gradient(1px 1px at 78% 44%,white 60%,transparent),radial-gradient(1px 1px at 88% 78%,white 60%,transparent),radial-gradient(1px 1px at 98% 18%,white 60%,transparent),radial-gradient(1px 1px at 14% 14%,white 60%,transparent),radial-gradient(1px 1px at 24% 48%,white 60%,transparent),radial-gradient(1px 1px at 34% 82%,white 60%,transparent),radial-gradient(1px 1px at 44% 36%,white 60%,transparent),radial-gradient(1px 1px at 54% 58%,white 60%,transparent),radial-gradient(1px 1px at 64% 14%,white 60%,transparent),radial-gradient(1px 1px at 74% 92%,white 60%,transparent),radial-gradient(1px 1px at 84% 28%,white 60%,transparent),radial-gradient(1px 1px at 94% 62%,white 60%,transparent),radial-gradient(1px 1px at 6% 66%,white 60%,transparent),radial-gradient(1px 1px at 16% 40%,white 60%,transparent),radial-gradient(1px 1px at 22% 8%,white 60%,transparent),radial-gradient(1px 1px at 36% 54%,white 60%,transparent),radial-gradient(1px 1px at 46% 70%,white 60%,transparent),radial-gradient(1px 1px at 52% 24%,white 60%,transparent),radial-gradient(1px 1px at 61% 80%,white 60%,transparent),radial-gradient(1px 1px at 71% 52%,white 60%,transparent),radial-gradient(1px 1px at 81% 6%,white 60%,transparent),radial-gradient(1px 1px at 89% 46%,white 60%,transparent),radial-gradient(1px 1px at 97% 88%,white 60%,transparent),radial-gradient(1px 1px at 11% 96%,white 60%,transparent),radial-gradient(1px 1px at 29% 62%,white 60%,transparent),radial-gradient(1px 1px at 57% 44%,white 60%,transparent),radial-gradient(1px 1px at 76% 26%,white 60%,transparent),radial-gradient(1px 1px at 86% 96%,white 60%,transparent),radial-gradient(1px 1px at 3% 22%,white 60%,transparent),radial-gradient(1px 1px at 7% 82%,white 60%,transparent),radial-gradient(1px 1px at 13% 60%,white 60%,transparent),radial-gradient(1px 1px at 17% 28%,white 60%,transparent),radial-gradient(1px 1px at 19% 94%,white 60%,transparent),radial-gradient(1px 1px at 23% 40%,white 60%,transparent),radial-gradient(1px 1px at 27% 16%,white 60%,transparent),radial-gradient(1px 1px at 31% 72%,white 60%,transparent),radial-gradient(1px 1px at 33% 50%,white 60%,transparent),radial-gradient(1px 1px at 37% 10%,white 60%,transparent),radial-gradient(1px 1px at 41% 86%,white 60%,transparent),radial-gradient(1px 1px at 43% 30%,white 60%,transparent),radial-gradient(1px 1px at 47% 52%,white 60%,transparent),radial-gradient(1px 1px at 49% 18%,white 60%,transparent),radial-gradient(1px 1px at 53% 90%,white 60%,transparent),radial-gradient(1px 1px at 56% 38%,white 60%,transparent),radial-gradient(1px 1px at 59% 12%,white 60%,transparent),radial-gradient(1px 1px at 63% 64%,white 60%,transparent),radial-gradient(1px 1px at 67% 34%,white 60%,transparent),radial-gradient(1px 1px at 69% 98%,white 60%,transparent),radial-gradient(1px 1px at 72% 56%,white 60%,transparent),radial-gradient(1px 1px at 77% 8%,white 60%,transparent),radial-gradient(1px 1px at 79% 70%,white 60%,transparent),radial-gradient(1px 1px at 83% 48%,white 60%,transparent),radial-gradient(1px 1px at 87% 20%,white 60%,transparent),radial-gradient(1px 1px at 91% 84%,white 60%,transparent),radial-gradient(1px 1px at 93% 42%,white 60%,transparent),radial-gradient(1px 1px at 96% 14%,white 60%,transparent),radial-gradient(1px 1px at 99% 58%,white 60%,transparent);animation:floatSlow 30s linear infinite;opacity:.5}.login:after{background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 70% 60%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 40% 80%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 85% 20%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 10% 70%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 55% 45%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 75% 75%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 32% 12%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 62% 22%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 92% 52%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 12% 18%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 26% 66%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 48% 14%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 58% 84%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 82% 40%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 96% 74%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 8% 44%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 18% 8%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 42% 34%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 66% 58%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 74% 90%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 88% 18%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 4% 26%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 14% 52%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 24% 86%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 30% 22%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 36% 68%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 44% 6%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 52% 40%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 60% 76%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 68% 14%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 72% 48%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 80% 82%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 86% 30%,rgba(255,255,255,.9) 60%,transparent),radial-gradient(2px 2px at 94% 64%,rgba(255,255,255,.9) 60%,transparent);animation:floatMedium 20s linear infinite;opacity:.75}.login .stars{background-image:radial-gradient(3px 3px at 25% 40%,white 60%,transparent),radial-gradient(3px 3px at 60% 10%,white 60%,transparent),radial-gradient(3px 3px at 85% 65%,white 60%,transparent),radial-gradient(3px 3px at 40% 85%,white 60%,transparent),radial-gradient(3px 3px at 70% 35%,white 60%,transparent),radial-gradient(3px 3px at 12% 72%,white 60%,transparent),radial-gradient(3px 3px at 34% 18%,white 60%,transparent),radial-gradient(3px 3px at 52% 58%,white 60%,transparent),radial-gradient(3px 3px at 78% 88%,white 60%,transparent),radial-gradient(3px 3px at 92% 24%,white 60%,transparent),radial-gradient(3px 3px at 6% 30%,white 60%,transparent),radial-gradient(3px 3px at 22% 92%,white 60%,transparent),radial-gradient(3px 3px at 46% 8%,white 60%,transparent),radial-gradient(3px 3px at 64% 72%,white 60%,transparent),radial-gradient(3px 3px at 88% 56%,white 60%,transparent),radial-gradient(3px 3px at 10% 14%,white 60%,transparent),radial-gradient(3px 3px at 18% 48%,white 60%,transparent),radial-gradient(3px 3px at 30% 76%,white 60%,transparent),radial-gradient(3px 3px at 38% 4%,white 60%,transparent),radial-gradient(3px 3px at 50% 88%,white 60%,transparent),radial-gradient(3px 3px at 58% 24%,white 60%,transparent),radial-gradient(3px 3px at 68% 44%,white 60%,transparent),radial-gradient(3px 3px at 72% 96%,white 60%,transparent),radial-gradient(3px 3px at 82% 12%,white 60%,transparent),radial-gradient(3px 3px at 90% 36%,white 60%,transparent),radial-gradient(3px 3px at 96% 68%,white 60%,transparent);animation:floatFast 15s linear infinite,twinkle 4s ease-in-out infinite alternate;opacity:.9}@keyframes floatSlow{0%{transform:translateY(0) translate(0)}to{transform:translateY(-80px) translate(20px)}}@keyframes floatMedium{0%{transform:translateY(0) translate(0)}to{transform:translateY(-120px) translate(-30px)}}@keyframes floatFast{0%{transform:translateY(0) translate(0)}to{transform:translateY(-180px) translate(40px)}}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.login__container{position:relative;z-index:2;width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-6);transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .56s cubic-bezier(.22,1,.36,1)}.login.is-leaving .login__container{opacity:0;transform:translateY(-14px) scale(.988)}.login__container:after{content:"";position:absolute;top:10%;bottom:10%;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4),transparent);transform:translate(-50%)}.login__left{display:flex;align-items:center;justify-content:center;margin-left:var(--space-4);transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .56s cubic-bezier(.22,1,.36,1),filter .56s cubic-bezier(.22,1,.36,1)}.login_logo{display:flex;align-items:center;justify-content:center;padding-bottom:var(--space-3)}.left_logo{max-width:37vw;width:100%;height:auto;object-fit:contain;transform:translateY(-8px);filter:drop-shadow(0 8px 25px rgba(255,255,255,.35))}.login__branding{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--space-5)}.login__title{font-size:3rem;font-weight:var(--fw-bold)}.login__title span{font-weight:var(--fw-medium);opacity:.9}.login__subtitle{max-width:420px;font-size:var(--fs-lg);line-height:var(--lh-relaxed);opacity:.9}.login__right{position:relative;height:100%;min-height:78vh;padding-left:var(--space-6);display:flex;flex-direction:column;justify-content:center;transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .56s cubic-bezier(.22,1,.36,1),filter .56s cubic-bezier(.22,1,.36,1)}.login.is-leaving .login__left{opacity:0;transform:translate(-18px) translateY(-8px);filter:blur(2px)}.login.is-leaving .login__right{opacity:0;transform:translate(18px) translateY(-4px);filter:blur(2px)}.login__card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-lg);padding:var(--space-7);color:#fff;overflow:visible;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 60px #00000073;transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1),border-color .56s cubic-bezier(.22,1,.36,1)}.login.is-leaving .login__card{opacity:0;transform:translateY(-16px) scale(.99);box-shadow:0 22px 70px #1e69ff38;border-color:#b8ddffb8}.login__card:before{content:"";position:absolute;inset:-24px;border-radius:inherit;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.2) 20%,transparent 50%);opacity:.65;pointer-events:none;z-index:0;filter:blur(6px)}.login__card:after{content:"";position:absolute;inset:-24px;border-radius:inherit;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.2) 20%,transparent 50%);opacity:.65;pointer-events:none;z-index:0;filter:blur(6px)}.login__card>*{position:relative;z-index:1}.login__card-header{text-align:center;margin-bottom:var(--space-6)}.login_btc_logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.right_logo{max-width:20vw;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(255,255,255,.4))}.login__card h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold)}.login__form{display:flex;flex-direction:column;gap:var(--space-4)}.login__field input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:none;outline:none;background:#ffffff26;color:#fff}.login__field input::placeholder{color:#ffffffb3}.login__field input:focus{background:#ffffff40}.login__options{font-size:var(--fs-sm);opacity:.9}.login__options label{display:flex;align-items:center;gap:var(--space-2)}.login__button{margin-top:var(--space-3);padding:var(--space-3);font-size:var(--fs-lg);border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:var(--fw-semibold);cursor:pointer;transition:all .2s ease}.login__button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b4d859}.login__button:disabled{cursor:default;opacity:.82}.login__forgot{margin-top:var(--space-3);text-align:center;font-size:var(--fs-sm);opacity:.8;cursor:pointer}.login__forgot:hover{opacity:1}@media(max-width:900px){.login__container{grid-template-columns:1fr}.login__container:after{display:none}.login__branding{align-items:center;text-align:center}.login__right{min-height:auto;padding-left:0}}.route-fallback{min-height:100vh;display:grid;place-items:center;padding:2rem}.route-fallback__logo{width:clamp(3.5rem,6vw,4.75rem);height:clamp(3.5rem,6vw,4.75rem);object-fit:contain;animation:route-fallback-spin 1.9s linear infinite;filter:drop-shadow(0 8px 18px rgba(15,42,87,.16))}@keyframes route-fallback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg: #f4f7fb;--surface: #ffffff;--surface-alt: #edf3fa;--border: #d5dee9;--text: #0d1b2a;--muted: #5b6b80;--primary: #0f62d6;--primary-hover: #0a4fae;--primary-contrast: #ffffff;--accent: #10b4d8;--accent-contrast: #05242b;--success: #0f8a5f;--warning: #c8871a;--danger: #c0392b;--info: #1f7fbf;--font-sans: "Segoe UI Variable Text", "Segoe UI", Calibri, "Trebuchet MS", Arial, sans-serif;--fs-xxs: .75rem;--fs-xs: .875rem;--fs-sm: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(13, 27, 42, .08);--shadow-md: 0 10px 24px rgba(13, 27, 42, .12);--shadow-lg: 0 18px 48px rgba(13, 27, 42, .16);--scrollbar-size: .7rem;--scrollbar-track: color-mix(in srgb, var(--surface-alt) 78%, #ffffff 22%);--scrollbar-thumb: color-mix(in srgb, var(--border) 58%, var(--primary) 42%);--scrollbar-thumb-hover: color-mix(in srgb, var(--primary) 58%, #0a4fae 42%);--container-max: 80rem;--content-width: clamp(18rem, 92vw, var(--container-max));--color-primary: var(--primary);--color-secondary: #1f3b5d;--color-background: var(--bg);--color-text: var(--text);--color-danger: var(--danger)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100dvh}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text);background:linear-gradient(180deg,var(--surface-alt) 0%,var(--bg) 42%,var(--bg) 100%)}html.data-preview--lock-horizontal-nav,body.data-preview--lock-horizontal-nav{overscroll-behavior-x:none;-webkit-user-select:none;user-select:none;cursor:grabbing}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 65%,white 35%);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--scrollbar-thumb) 76%,#ffffff 24%),color-mix(in srgb,var(--scrollbar-thumb) 92%,#0d1b2a 8%))}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--scrollbar-thumb-hover) 76%,#ffffff 24%),color-mix(in srgb,var(--scrollbar-thumb-hover) 92%,#0d1b2a 8%))}
