@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("assets/fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("assets/fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  color-scheme: dark;
  --bg: #070b11;
  --text: #edf4f8;
  --muted: #a5b6c6;
  --cyan: #61cbe7;
  --violet: #9b94ed;
  --focus: #92e0f1;
  --error: #ffb3bc;
  --body-size: 1rem;
  --small-size: .8125rem;
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-optical-sizing: auto;
  background: var(--bg);
  color: var(--text);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; overflow-x: clip; background: var(--bg); }
button, input { font: inherit; }
button, a { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; color: inherit; }
a { color: inherit; text-decoration: none; }
svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
button:disabled { cursor: wait; opacity: .65; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 20px; top: 12px; z-index: 20; padding: 12px 16px; background: #162535; border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.scene { position: fixed; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse at 88% 24%, #22536a42, transparent 60%), radial-gradient(ellipse at 68% 78%, #54458b1c, transparent 48%); }
.scene canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 1000ms cubic-bezier(.16,1,.3,1); }
.scene.is-ready canvas { opacity: 1; }
html.scene-fallback .scene::before { content: ""; position: absolute; inset: 22% -5% -20%; background: radial-gradient(circle, #5fc5e574 1.5px, transparent 2px) 0 0 / 22px 22px; transform: perspective(600px) rotateX(38deg); mask-image: linear-gradient(transparent, #000); animation: fallback-surface-in 800ms cubic-bezier(.16,1,.3,1) both; }
.scene-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #070b11f5 0%, #070b11e8 23%, #070b11a8 40%, #070b1100 65%); transition: opacity 800ms ease-out; }
.landing { position: relative; z-index: 3; width: min(1760px, 100%); min-height: 100svh; margin-inline: auto; padding-inline: clamp(24px, 5.2vw, 96px); display: flex; flex-direction: column; opacity: 1; transform: translateY(0); transition: opacity 780ms cubic-bezier(.16,1,.3,1), transform 1000ms cubic-bezier(.16,1,.3,1); }
html.scene-loading .landing { opacity: 0; transform: translateY(12px); visibility: hidden; }
.header { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: grid; align-items: center; min-height: 44px; }
.brand img { grid-area: 1/1; width: 236px; height: auto; transition: opacity 180ms ease-out; }
.brand-light { opacity: 0; }
.theme-toggle { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr 1fr; align-items:center; width:82px; height:42px; padding:3px; border:1px solid #8faec132; border-radius:999px; color:#9db2c0; background:#101923b8; box-shadow:inset 0 1px 0 #fff0b,0 8px 24px #0003; }
.theme-option { z-index:2; display:grid; place-items:center; height:34px; }
.theme-option svg { width:19px; height:19px; stroke-width:1.8; }
.theme-thumb { position:absolute; z-index:1; top:3px; left:3px; width:36px; height:34px; border-radius:999px; background:#f2f6f7; box-shadow:0 3px 12px #0004; transform:translateX(38px); transition:transform 220ms cubic-bezier(.16,1,.3,1),background 180ms ease-out; }
.theme-toggle[aria-pressed="true"] .theme-moon { color:#071116; }
.theme-toggle:not([aria-pressed="true"]) .theme-sun { color:#071116; }
.theme-toggle:not([aria-pressed="true"]) .theme-thumb { transform:translateX(0); }
.login { display: flex; align-items: center; gap: 19px; padding: 12px 0 12px 20px; min-height: 44px; font-size: .875rem; font-weight: 600; }
.login-context { color: var(--muted); border-inline-end: 1px solid #91adc23d; padding-inline-end: 20px; font-weight: 400; }
.login svg { width: 19px; height: 19px; stroke-width: 2; margin-inline-start: -8px; }
.hero { flex: 1; display: grid; grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); align-items: center; position: relative; min-height: 610px; }
.flow { display: grid; position: relative; min-width: 0; padding-block: 34px 46px; outline: none; }
.panel { grid-area: 1/1; min-width: 0; position: relative; max-width: 580px; }
h1, h2 { margin: 0; font-weight: 650; letter-spacing: -.045em; outline: none; text-wrap: balance; }
h1 { margin-bottom: 26px; }
.title-name { display: block; width:fit-content; font-size: clamp(48px, 4.3vw, 70px); font-weight:750; line-height: .98; color:#edf4f8; background:linear-gradient(180deg,#f7fbfd 5%,#edf4f8 58%,#a9becd 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.title-name br { display: inline; }
.title-version { display: block; width: fit-content; font-size: clamp(76px, 7vw, 108px); font-weight:650; line-height: 1; letter-spacing: -.055em; margin-top: 15px; color: #a9dceb; background: linear-gradient(105deg,#a0e5f1 0%,#76cfea 28%,#9b8ff1 55%,#72d2eb 78%,#a0e5f1 100%) 0 50%/220% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation:title-accent-shift 5.8s ease-in-out infinite; }
h2 { font-size: clamp(36px, 3.2vw, 52px); line-height: 1.15; margin-bottom: 25px; }
h2 em { font-style: normal; color: var(--cyan); }
.lead { max-width: 530px; font-size: clamp(17px, 1.34vw, 21px); line-height: 1.65; margin: 0; color: #b5c6d4; text-wrap: pretty; }
.release-copy { font-size: .9375rem; line-height: 1.65; color: var(--muted); margin: 19px 0 0; max-width: 450px; }
.actions { margin-top: 33px; }
.primary { position:relative; isolation:isolate; overflow:hidden; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 60px; padding: 17px 24px; background: linear-gradient(110deg, #67cfe9 0%, #77c7e2 28%, #9a8bea 52%, #65cde8 77%, #67cfe9 100%) 0 50%/220% 100%; color: #07151e; border: 1px solid #d3f2ff40; border-radius: 10px; font-size: 1rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; box-shadow: 0 2px 3px #0002, 0 12px 40px #4cc2e518, inset 0 1px 0 #fff3; transition: transform 150ms ease-out, filter 150ms ease-out, box-shadow 150ms ease-out; animation:button-accent-shift 6.4s ease-in-out infinite; }
.primary::after { position:absolute; z-index:-1; inset:-40% auto -40% -35%; width:24%; content:""; background:linear-gradient(90deg,transparent,#fff7,transparent); transform:skewX(-18deg) translateX(-260%); animation:button-glint 5.4s ease-in-out infinite; }
.primary svg { flex-shrink: 0; width: 21px; height: 21px; stroke-width: 2; }
.primary:active { transform: scale(.96); }
.secondary { min-height: 44px; padding: 10px 20px; background: #0b1720a8; border: 1px solid #9bbdd133; border-radius: 8px; font-size: .8125rem; }
.visual-anchor { min-width: 0; height: min(66svh, 690px); position: relative; align-self: center; pointer-events: none; }
.logo-fallback { width: 76%; height: 76%; position: absolute; inset: 12%; stroke: none; opacity: 0; visibility: hidden; filter: drop-shadow(0 0 30px #52cbe81a); }
html.scene-fallback .logo-fallback { opacity: .7; visibility: visible; animation: fallback-mark-in 850ms cubic-bezier(.16,1,.3,1) both; }
.footer { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: var(--small-size); color: #9aafc0; }
.footer a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.footer a svg { width: 14px; height: 14px; }
.preview-label { font-size: .6875rem; color: #c8b88e; }
.motion-toggle { width: 44px; height: 44px; margin-inline-start:auto; border-radius: 50%; background: #0b172060; border: 1px solid #88b7d533; display: grid; place-items: center; color: #b8cdda; }
.motion-toggle svg { width: 18px; height: 18px; grid-area: 1/1; transition: opacity 150ms cubic-bezier(.2,0,0,1), transform 150ms cubic-bezier(.2,0,0,1), filter 150ms cubic-bezier(.2,0,0,1); }
.motion-toggle .play-icon { opacity: 0; transform: scale(.25); filter: blur(4px); }
.motion-toggle[aria-pressed="true"] .play-icon { opacity: 1; transform: scale(1); filter: blur(0); }
.motion-toggle[aria-pressed="true"] .pause-icon { opacity: 0; transform: scale(.25); filter: blur(4px); }
.back { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin-bottom: 18px; padding: 0; border: 0; background: none; color: #aac0cf; font-size: var(--small-size); }
.form-title { font-size: clamp(26px, 2.2vw, 35px); font-weight: 600; line-height: 1.4; letter-spacing: -.025em; text-wrap: pretty; margin-bottom: 29px; max-width: 540px; }
form { max-width: 470px; }
form label { display: block; color: #b9cbd7; font-size: var(--small-size); margin-bottom: 10px; }
.input-shell { position: relative; }
.input-shell>svg { position: absolute; left: 18px; top: 20px; width: 21px; height: 21px; color: #97b7ca; pointer-events: none; }
input { width: 100%; min-height: 62px; padding: 17px 18px 17px 51px; background: linear-gradient(120deg,#1a2b3abf,#101b279c); color: var(--text); border: 1px solid #6c91aa7a; border-radius: 10px; box-shadow: 0 6px 24px #0002, inset 0 1px 0 #fff05; font-size: 1rem; }
input::placeholder { color: #8fa8bb; }
input:focus-visible { border-color: var(--cyan); }
input[aria-invalid="true"] { border-color: #e48d9a; background: #371c278a; }
.field-hint { color: #a5b9c9; font-size: .9375rem; line-height: 1.7; margin: 23px 0 29px; text-wrap: pretty; }
.field-error { font-size: .875rem; line-height: 1.6; color: var(--error); margin: 12px 0 0; }
form .primary { width: 100%; }
.access-note { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: .75rem; line-height: 1.6; color: #a5bacb; margin: 17px 0 0; }
.access-note svg { width: 14px; height: 14px; }
.state-mark { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 27px; color: var(--cyan); }
.spinner { width: 33px; height: 33px; border: 2px solid #71cbe52b; border-top-color: var(--cyan); border-radius: 50%; }
.email-receipt { font-size: 1rem; overflow-wrap: anywhere; color: #cbe0ed; line-height: 1.6; margin: 20px 0 0; }
.loading-track { width: 240px; height: 2px; overflow: hidden; background: #77a8c52b; margin: 32px 0 28px; }
.loading-track span { display: block; width: 55%; height: 100%; background: linear-gradient(90deg,transparent,var(--cyan),var(--violet)); }
.success-mark { border: 1px solid #79d7e43d; border-radius: 50%; background: #51c3df0a; }
.success-mark svg { width: 25px; height: 25px; stroke-width: 2; }
.delivery-copy { max-width: 540px; color: #b2c3d0; font-size: .9375rem; line-height: 1.7; }
.delivery-copy p { margin: 0 0 19px; text-wrap: pretty; }
.delivery-copy strong { color: #dfedf6; font-weight: 700; }
.delivery-copy a, .inline-button { color: #8ed7ea; text-decoration: underline; text-decoration-color: #8ed7ea66; text-underline-offset: 3px; }
.inline-button { display: inline; background: none; border: 0; padding: 0; font: inherit; }
.closing-copy, .confirmed-copy { font-size: .9375rem; color: #d6e4ef; line-height: 1.6; margin: 24px 0 0; }
.brand-accent,
.closing-copy em,
.invite-panel h2 em { display:inline; color:var(--cyan); font-style:normal; font-weight:700; background:linear-gradient(105deg,#63cfe9 0%,#8eb7ed 30%,#a58cf0 55%,#62cee8 78%,#63cfe9 100%) 0 50%/220% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:title-accent-shift 5.8s ease-in-out infinite; }
.invite-panel h1 { max-width:570px; }
.invite-panel .lead { max-width:520px; }
.invite-label { margin-bottom:22px; }
.status-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px #61cbe7aa; }
.panel[data-panel="success"] .actions { margin-top: 25px; }
.portal-window { position: fixed; inset: 0; z-index: 1; pointer-events: none; visibility: hidden; opacity: 0; overflow: hidden; background: #070b11; clip-path: circle(0px at 75% 50%); }
.portal-window iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; transform-origin: 0 0; background: #080b10; pointer-events: none; }
body.is-portal .portal-window { visibility: visible; opacity: 1; }
body.is-portal .scene { background: transparent; }
body.is-portal .scene-shade { opacity: 0; }
body.is-portal .landing { pointer-events: none; }
body.is-portal .header, body.is-portal .footer { opacity: 0; transition: opacity 450ms ease-out; }
body.is-portal .flow { opacity: 0; transform: translateY(-12px); filter: blur(4px); transition: opacity 350ms ease-out, transform 350ms ease-out, filter 350ms ease-out; }
body.portal-arrived .scene { opacity: 0; transition: opacity 180ms ease-out; }
.noscript { position: fixed; z-index: 20; inset: auto 0 0; padding: 16px; background: #162637; }
@media (hover:hover) { .primary:hover { filter: brightness(1.09); box-shadow: 0 4px 4px #0002,0 15px 45px #4cc2e52a,inset 0 1px 0 #fff3; }.login:hover,.back:hover,.footer a:hover { color: #d2f3ff; } }
@media (prefers-reduced-motion:no-preference) { .spinner { animation: spin 1.4s linear infinite; }.loading-track span { animation: loading 1.8s ease-in-out infinite; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes loading { from { transform: translateX(-110%); }to { transform: translateX(280%); } }
@keyframes title-accent-shift { 0%,100% { background-position:0 50%; filter:drop-shadow(0 0 0 #4cc2e500); } 50% { background-position:100% 50%; filter:drop-shadow(0 0 10px #4cc2e538); } }
@keyframes button-accent-shift { 0%,100% { background-position:0 50%; } 50% { background-position:100% 50%; } }
@keyframes button-glint { 0%,58% { transform:skewX(-18deg) translateX(-260%); opacity:0; } 64% { opacity:.75; } 80%,100% { transform:skewX(-18deg) translateX(720%); opacity:0; } }
@keyframes fallback-surface-in { from { opacity: 0; transform: perspective(600px) rotateX(38deg) translateY(24px); } to { opacity: 1; transform: perspective(600px) rotateX(38deg) translateY(0); } }
@keyframes fallback-mark-in { from { opacity: 0; transform: scale(.9); filter: blur(8px) drop-shadow(0 0 30px #52cbe800); } to { opacity: .7; transform: scale(1); filter: blur(0) drop-shadow(0 0 30px #52cbe81a); } }

html[data-theme="light"] {
  color-scheme:light;
  --bg:#eef5f7;
  --text:#071116;
  --muted:#526b79;
  --focus:#177f9b;
  --error:#a3263d;
}
html[data-theme="light"] .brand-dark { opacity:0; }
html[data-theme="light"] .brand-light { opacity:1; }
html[data-theme="light"] .scene { background:radial-gradient(ellipse at 88% 24%,#76cfe93d,transparent 60%),radial-gradient(ellipse at 68% 78%,#9b94ed24,transparent 48%),#eef5f7; }
html[data-theme="light"] .scene-shade { background:linear-gradient(90deg,#eef5f7fa 0%,#eef5f7eb 24%,#eef5f7ae 43%,#eef5f700 68%); }
html[data-theme="light"] .title-name { color:#071116; background:linear-gradient(180deg,#071116 5%,#101e27 58%,#546b78 100%); background-clip:text; -webkit-background-clip:text; }
html[data-theme="light"] .lead { color:#354e5d; }
html[data-theme="light"] .release-copy,
html[data-theme="light"] .field-hint,
html[data-theme="light"] .delivery-copy,
html[data-theme="light"] .footer { color:#526b79; }
html[data-theme="light"] .closing-copy { color:#243b48; }
html[data-theme="light"] .delivery-copy strong { color:#071116; }
html[data-theme="light"] .delivery-copy a,
html[data-theme="light"] .inline-button { color:#14738d; text-decoration-color:#14738d66; }
html[data-theme="light"] .input-shell input { color:#071116; background:linear-gradient(120deg,#ffffffd9,#e8f2f6d9); border-color:#63869880; box-shadow:0 10px 28px #35596f12,inset 0 1px 0 #fff; }
html[data-theme="light"] input::placeholder { color:#718a98; }
html[data-theme="light"] .theme-toggle { color:#526b79; background:#dae7ec; border-color:#7993a25e; box-shadow:inset 0 1px 0 #fff,0 8px 24px #31556818; }
html[data-theme="light"] .theme-thumb { background:#fff; box-shadow:0 3px 12px #36556833; }
html[data-theme="light"] .back,
html[data-theme="light"] form label,
html[data-theme="light"] .access-note { color:#496574; }
@media (min-width:901px) and (max-height:800px) { .header { min-height: 86px; }.hero { min-height: 540px; }.flow { padding-block: 25px 35px; }.title-version { font-size: clamp(72px,6.8vw,94px); }.title-name { font-size: clamp(45px,4vw,60px); }.footer { min-height: 60px; }.panel[data-panel="success"] .state-mark { display:none; }.delivery-copy { font-size: .875rem; }.delivery-copy p { margin-bottom:15px; }.visual-anchor { height: 66svh; } }
@media (min-width:901px) and (max-width:1150px) { .landing { padding-inline: 38px; }.title-name { font-size: 52px; }.title-version { font-size:82px; }.lead { font-size: 17px; }.release-copy { font-size: 14px; }.form-title { font-size: 27px; }.primary { font-size: .9375rem; gap: 18px; padding-inline: 19px; }.field-hint { font-size:14px; } }
@media (max-width:900px) {
  .landing { padding-inline: 24px; padding-top: env(safe-area-inset-top); }
  .header { min-height: 78px; gap: 16px; }
  .brand img { width: 185px; }
  .login { font-size: .8125rem; gap: 12px; padding-inline-start: 6px; }
  .login-context { display:none; }
  .login svg { margin:0; width:16px; height:16px; }
  .hero { display: flex; flex-direction: column; justify-content: center; min-height: 0; }
  .flow { width: 100%; padding: 22px 0 0; }
  .panel { max-width: 100%; }
  h1 { margin-bottom: 18px; }
  .title-name { font-size: clamp(34px,9.5vw,44px); line-height: 1.02; }
  .title-name br { display:inline; }
  .title-version { font-size: clamp(68px,18vw,84px); margin-top: 12px; }
  .lead { font-size: .9375rem; line-height: 1.6; }
  .desktop-break { display:none; }
  .release-copy { font-size: .8125rem; margin-top:13px; line-height:1.65; max-width:330px; }
  .actions { margin-top: 22px; }
  .primary { width: 100%; min-height: 54px; font-size: 1rem; gap: 12px; padding:15px 17px; }
  .visual-anchor { height: clamp(205px,29svh,340px); width: 100%; flex-shrink: 0; margin-block: 4px 0; }
  .scene-shade { background: linear-gradient(180deg,#070b119c 0%,#070b11f0 15%,#070b11ed 42%,#070b1133 57%,#070b1100 75%); }
  .footer { min-height: 58px; font-size: .75rem; gap: 10px; flex-wrap: wrap; padding-bottom: env(safe-area-inset-bottom); }
  .preview-label { order: 3; width: 100%; font-size: .625rem; margin: -6px 0 10px; }
  .motion-toggle { width: 44px; height: 44px; }
  .back { margin: -12px 0 10px; min-height:44px; }
  .form-title { font-size: clamp(23px,6.1vw,30px); line-height:1.4; margin-bottom:23px; }
  form { max-width:100%; }
  input { min-height:58px; }
  .input-shell>svg { top:18px; }
  .field-hint { font-size: .8125rem; margin:18px 0 24px; line-height:1.7; }
  .access-note { font-size:.6875rem; margin-top:13px; }
  h2 { font-size:clamp(29px,8vw,42px); margin-bottom:20px; }
  .state-mark { margin-bottom:22px; }
  .email-receipt { font-size:.9375rem; }
  .delivery-copy { font-size:.8125rem; line-height:1.65; }
  .delivery-copy p { margin-bottom:15px; }
  .closing-copy,.confirmed-copy { font-size:.8125rem; margin-top:19px; }
  body[data-state="success"] .state-mark { display:none; }
  body[data-state="success"] .visual-anchor { height:180px; }
  body[data-state="loading"] .flow { min-height:370px; align-content:center; }
  body[data-state="form"] .visual-anchor,body[data-state="error"] .visual-anchor { height:210px; }
}
@media (min-width:600px) and (max-width:900px) { .landing { padding-inline:48px; }.flow { max-width:650px; }.title-name { font-size:50px; }.title-version { font-size:90px; }.lead { font-size:18px; }.release-copy { font-size:15px; max-width:100%; }.actions,form { max-width:440px; }.primary { font-size:1rem; }.visual-anchor { height:350px; }.form-title { max-width:570px; font-size:30px; }.delivery-copy { font-size:16px; }body[data-state="success"] .visual-anchor { height:280px; } }
@media (max-width:599px) and (max-height:740px) { .header { min-height:64px; }.flow { padding-top:14px; }.title-version { font-size:62px; margin-top:8px; }.title-name { font-size:34px; }.lead { font-size:14px; }.release-copy { margin-top:9px; font-size:12px; }.actions { margin-top:17px; }.visual-anchor { height:180px; }.footer { min-height:50px; }.form-title { font-size:22px; margin-bottom:18px; }.field-hint { margin:14px 0 18px; }body[data-state="form"] .visual-anchor,body[data-state="error"] .visual-anchor { height:140px; }body[data-state="success"] .visual-anchor { height:120px; } }
@media (max-width:359px) { .landing { padding-inline:18px; }.brand img { width:159px; }.title-name { font-size:31px; }.title-version { font-size:58px; }.primary { font-size:.875rem; padding-inline:14px; }.form-title { font-size:21px; }.preview-label { font-size:9px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }.loading-track span { width:100%; } }
@media (forced-colors:active) { button:focus-visible,a:focus-visible,input:focus-visible { outline-color:Highlight; }.title-version { background:none; color:CanvasText; -webkit-text-fill-color:CanvasText; } }

/* Waiting is part of verification; confirmed access proceeds automatically. */
.waiting-label { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:.8125rem; margin-bottom:24px; }
.waiting-label .spinner { width:18px; height:18px; flex-shrink:0; }
.waiting-cancel { margin:16px 0 0; }
body[data-state="loading"] .flow { min-height:0; }
body[data-state="success"] .visual-anchor { height:min(66svh,690px); }
@media (max-width:900px) {
  .waiting-label { margin-bottom:16px; font-size:.75rem; }
  body[data-state="loading"] .visual-anchor { height:190px; }
  body[data-state="loading"] .delivery-copy { font-size:.8125rem; }
  body[data-state="success"] .visual-anchor { height:clamp(240px,36svh,360px); }
  body[data-state="success"] .state-mark { display:grid; }
}
@media (max-width:599px) and (max-height:740px) {
  body[data-state="loading"] .visual-anchor { height:140px; }
}