:root{font-family:Segoe UI Variable,Segoe UI,Inter,system-ui,-apple-system,sans-serif;color:#f5f7fb;background:#090c12;font-synthesis:none;--bg: #090c12;--surface: #111620;--surface-raised: #171d29;--surface-hover: #1c2331;--border: rgba(229, 235, 255, .1);--border-strong: rgba(229, 235, 255, .17);--text: #f5f7fb;--secondary: #b8c0d0;--muted: #8b95a8;--accent: #7079ff;--accent-hover: #8189ff;--accent-soft: rgba(112, 121, 255, .14);--healthy: #39d492;--danger: #ff7184;--focus: rgba(125, 135, 255, .6)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--bg);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,p{margin-top:0}.page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,44%) minmax(0,1fr)}.brand-panel{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:40px 46px;border-right:1px solid var(--border);background:radial-gradient(circle at 20% 20%,rgba(112,121,255,.2),transparent 35%),linear-gradient(145deg,#111728,#0b0f17 70%)}.brand-panel:after{content:"";width:500px;height:500px;position:absolute;right:-270px;bottom:-250px;border:1px solid rgba(112,121,255,.16);border-radius:50%;box-shadow:0 0 0 62px #7079ff06,0 0 0 124px #7079ff05}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand>span{display:grid;gap:3px}.brand strong{font-size:18px}.brand small{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.product-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:15px;color:#fff;background:linear-gradient(145deg,#8188ff,#5964f2);box-shadow:inset 0 1px #fff3,0 10px 30px #5863f238;font-size:20px;font-weight:800}.product-mark.compact{width:36px;height:36px;border-radius:11px;box-shadow:none;font-size:16px}.brand-message{width:min(540px,100%);margin:auto 0;position:relative;z-index:1}.eyebrow{margin:0 0 8px;color:#a5abff;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.brand-message h1{margin-bottom:18px;font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.045em}.brand-message>p:last-child{max-width:510px;color:var(--secondary);font-size:17px;line-height:1.65}.privacy-note{max-width:520px;position:relative;z-index:1;color:var(--muted);font-size:12px;line-height:1.5}.content-panel{min-height:100vh;display:grid;place-items:center;padding:42px;background:radial-gradient(circle at 80% 10%,rgba(112,121,255,.06),transparent 28%),var(--bg)}.action-card{width:min(460px,100%)}.action-card h2{margin:0 0 13px;font-size:clamp(30px,4vw,38px);letter-spacing:-.04em;line-height:1.12}.card-description{margin-bottom:25px;color:var(--muted);line-height:1.65}.mobile-brand{display:none}.secure-form{display:grid;gap:17px;margin-top:22px}label{display:grid;gap:7px;color:var(--secondary);font-size:13px;font-weight:650}input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:11px;outline:0;color:var(--text);background:#0b0f16;transition:border .15s,box-shadow .15s}input:focus{border-color:#7079ffbf;box-shadow:0 0 0 3px #7079ff21}input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px #0b0f16 inset;caret-color:var(--text)}.show-password{min-height:44px;display:flex;align-items:center;gap:10px;font-weight:500}.show-password input{width:19px;min-height:19px;margin:0;accent-color:var(--accent)}.primary,.secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:11px;color:#fff;background:var(--accent);font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border .15s,transform .15s}.primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.primary:disabled{cursor:wait;opacity:.62}.secondary{color:var(--secondary);border-color:var(--border-strong);background:var(--surface-raised)}.secondary:hover{color:#fff;background:var(--surface-hover)}.action-link{width:100%;margin-top:18px}.desktop-hint{margin:20px 0 0;padding:15px 17px;border:1px solid var(--border);border-radius:12px;color:var(--secondary);background:#ffffff06;line-height:1.55}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#0b0f16}.segmented button{min-height:44px;padding:0 10px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.segmented button.active{color:#fff;background:var(--surface-raised);box-shadow:0 2px 12px #0003}.status-block{min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:11px;margin-top:20px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;color:var(--secondary);background:#ffffff06}.status-block>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#b8bdff;background:var(--accent-soft);font-weight:800}.status-block p{margin:0;line-height:1.5}.status-block.success{border-color:#39d49238}.status-block.success>span{color:var(--healthy);background:#39d4921c}.status-block.error{border-color:#ff71843d}.status-block.error>span{color:#ff9aaa;background:#ff71841a}.spinner{width:15px;height:15px;border:2px solid rgba(184,189,255,.3);border-top-color:#b8bdff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.configuration-error{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.configuration-error h1{margin:20px 0 8px}.configuration-error p{color:var(--muted)}@media(max-width:820px){.page-shell{display:block}.brand-panel{display:none}.content-panel{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:32px 24px}.mobile-brand{display:flex;align-items:center;gap:11px;margin:0 auto 50px 0}.mobile-brand strong{font-size:18px}.action-card{width:100%;max-width:500px;margin:0 auto}}@media(max-width:420px){.content-panel{justify-content:flex-start;padding:24px 18px 32px}.mobile-brand{margin-bottom:44px}.action-card h2{font-size:30px}.segmented button{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:1.8s}}