:root {
  --frame74151-night: #1A1A2E;
  --frame74151-lilac: #C9C9FF;
  --frame74151-copper: #CD853F;
  --frame74151-sand: #DEB887;
  --frame74151-gold: #D4AF37;
  --frame74151-ink: #151523;
  --frame74151-muted: #aaaac4;
  --frame74151-line: rgba(201, 201, 255, .17);
  --frame74151-radius: 18px;
  --frame74151-small-radius: 9px;
}

* { box-sizing: border-box; }
html { background: #0d0d1b; scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: #0d0d1b;
  color: var(--frame74151-lilac);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.58;
}
button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--frame74151-sand); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: #f1d095; }
button { font: inherit; }
.frame74151-canvas { position: relative; width: min(100%, 540px); min-height: 100vh; margin: 0 auto; background: var(--frame74151-night); overflow: clip; box-shadow: 0 0 60px rgba(0,0,0,.38); }
.frame74151-skip { position: fixed; z-index: 100; top: -100px; left: 10px; padding: 9px 12px; background: var(--frame74151-gold); color: var(--frame74151-ink); border-radius: 7px; }
.frame74151-skip:focus { top: 8px; }
.frame74151-header { position: fixed; z-index: 50; top: 0; left: 50%; width: min(100%, 540px); transform: translateX(-50%); padding: max(8px, env(safe-area-inset-top)) 12px 10px; background: rgba(26,26,46,.96); border-bottom: 1px solid var(--frame74151-line); backdrop-filter: blur(14px); }
.frame74151-toprow { display: flex; align-items: center; justify-content: space-between; min-height: 42px; }
.frame74151-brand { display: inline-flex; align-items: center; min-width: 0; gap: 9px; }
.frame74151-logo { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 9px; object-fit: cover; }
.frame74151-brandname { overflow: hidden; color: #fff; font: 700 13px/1.15 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.frame74151-menu-btn { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; color: var(--frame74151-lilac); background: transparent; border: 1px solid var(--frame74151-line); border-radius: 11px; cursor: pointer; }
.frame74151-menu-btn svg { width: 22px; height: 22px; }
.frame74151-menu-btn:focus-visible, .frame74151-btn:focus-visible, .frame74151-bnav-btn:focus-visible, .frame74151-card:focus-visible, .frame74151-slide:focus-visible, .frame74151-dot:focus-visible, .frame74151-cta-primary:focus-visible, .frame74151-promo-link:focus-visible { outline: 3px solid var(--frame74151-sand); outline-offset: 2px; }
.frame74151-actionrow { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 7px; }
.frame74151-btn { min-height: 40px; padding: 6px 10px; border: 1px solid var(--frame74151-copper); border-radius: 10px; cursor: pointer; font-weight: 800; font-size: 12px; letter-spacing: .02em; }
.frame74151-btn-register { color: var(--frame74151-ink); background: var(--frame74151-gold); }
.frame74151-btn-login { color: var(--frame74151-lilac); background: transparent; }
.frame74151-menu { display: none; max-height: min(70vh, 500px); overflow-y: auto; margin-top: 10px; padding: 12px; background: #22223d; border: 1px solid var(--frame74151-line); border-radius: 14px; }
.frame74151-menu.is-open { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; animation: frame74151-rise .2s ease-out; }
.frame74151-menu-group:last-child { grid-column: 1 / -1; }
.frame74151-menu-kicker, .frame74151-kicker { margin: 0 0 6px; color: var(--frame74151-gold); font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .14em; text-transform: uppercase; }
.frame74151-menu-link { display: block; min-height: 42px; padding: 9px 8px; color: var(--frame74151-lilac); font-size: 12px; text-decoration: none; border-left: 2px solid transparent; }
.frame74151-menu-link:hover, .frame74151-menu-link:focus-visible { color: #fff; background: rgba(201,201,255,.08); border-left-color: var(--frame74151-gold); }
.frame74151-main { padding: 150px 12px 104px; }
.frame74151-hero { margin: 0 0 18px; }
.frame74151-slides { position: relative; overflow: hidden; border-radius: 20px; border: 1px solid var(--frame74151-line); background: #111126; }
.frame74151-slide { display: none; position: relative; width: 100%; padding: 0; color: #fff; text-align: left; background: none; border: 0; cursor: pointer; }
.frame74151-slide.is-on { display: block; }
.frame74151-slide-img { display: block; width: 100%; aspect-ratio: 2.12 / 1; object-fit: cover; opacity: .82; }
.frame74151-slide::after { position: absolute; inset: 35% 0 0; content: ""; background: linear-gradient(transparent, rgba(13,13,27,.94)); }
.frame74151-slide-cap { position: absolute; z-index: 1; right: 14px; bottom: 12px; left: 14px; display: grid; gap: 2px; }
.frame74151-slide-kicker { color: var(--frame74151-sand); font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; }
.frame74151-slide-cap strong { font-size: 16px; line-height: 1.23; }
.frame74151-dots { display: flex; justify-content: center; gap: 7px; padding: 9px 0 0; }
.frame74151-dot { width: 38px; height: 28px; padding: 7px 5px; background: transparent; border: 0; cursor: pointer; }
.frame74151-dot-core { display: block; height: 3px; border-radius: 3px; background: rgba(201,201,255,.35); transition: background .2s, transform .2s; }
.frame74151-dot.is-on .frame74151-dot-core { background: var(--frame74151-gold); transform: scaleY(1.7); }
.frame74151-section { margin: 0 0 18px; padding: 17px 14px; background: rgba(36,36,63,.82); border: 1px solid var(--frame74151-line); border-radius: var(--frame74151-radius); }
.frame74151-section + .frame74151-section { margin-top: 18px; }
.frame74151-h1, .frame74151-h2, .frame74151-h3 { margin: 0 0 10px; color: #fff; line-height: 1.2; }
.frame74151-h1 { font-size: clamp(24px, 7vw, 33px); letter-spacing: -.025em; }
.frame74151-h2 { font-size: clamp(19px, 5.2vw, 26px); }
.frame74151-h3 { color: var(--frame74151-sand); font-size: 15px; }
.frame74151-lead { margin: 0 0 11px; color: #f0e7d5; font-size: 15px; }
.frame74151-p { margin: 0 0 11px; color: var(--frame74151-lilac); font-size: 14px; }
.frame74151-p:last-child { margin-bottom: 0; }
.frame74151-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.frame74151-fact { min-height: 84px; padding: 11px 10px; background: rgba(13,13,27,.54); border-radius: 11px 11px 5px 11px; }
.frame74151-fact-num { display: block; color: var(--frame74151-gold); font: 800 24px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.frame74151-fact-label { display: block; margin-top: 7px; color: var(--frame74151-muted); font-size: 11px; line-height: 1.3; }
.frame74151-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 14px; }
.frame74151-card { min-width: 0; padding: 0; overflow: hidden; color: var(--frame74151-lilac); text-align: left; background: #15152b; border: 1px solid rgba(201,201,255,.12); border-radius: 10px 10px 4px 10px; cursor: pointer; transition: transform .18s ease, border-color .18s ease; }
.frame74151-card:hover { transform: translateY(-3px); border-color: var(--frame74151-gold); }
.frame74151-card-img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.frame74151-card-name { display: block; min-height: 30px; padding: 4px 5px 5px; color: #fff; font-size: 10px; line-height: 1.2; overflow-wrap: anywhere; }
.frame74151-panel { margin: 13px 0; padding: 12px; background: rgba(13,13,27,.54); border-left: 3px solid var(--frame74151-copper); border-radius: 4px 13px 13px 4px; }
.frame74151-panel-title { margin: 0 0 5px; color: var(--frame74151-sand); font: 700 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; }
.frame74151-checklist, .frame74151-steps { display: grid; gap: 9px; margin: 12px 0 0; padding: 0; list-style: none; counter-reset: frame74151-step; }
.frame74151-checklist li, .frame74151-steps li { position: relative; padding: 10px 10px 10px 35px; color: var(--frame74151-lilac); font-size: 14px; background: rgba(13,13,27,.42); border-radius: 9px; }
.frame74151-checklist li::before { position: absolute; left: 12px; color: var(--frame74151-gold); content: "✓"; font-weight: 900; }
.frame74151-steps { counter-reset: frame74151-step; }
.frame74151-steps li { counter-increment: frame74151-step; }
.frame74151-steps li::before { position: absolute; left: 11px; top: 10px; display: grid; width: 19px; height: 19px; place-items: center; color: var(--frame74151-ink); background: var(--frame74151-gold); border-radius: 50%; content: counter(frame74151-step); font: 800 11px/1 ui-monospace, monospace; }
.frame74151-note { margin: 10px 0 0; color: var(--frame74151-muted); font-size: 12px; }
.frame74151-compare { display: grid; gap: 8px; margin-top: 13px; }
.frame74151-compare-row { display: grid; grid-template-columns: 82px 1fr; gap: 9px; align-items: start; padding: 10px 9px; border-top: 1px solid var(--frame74151-line); }
.frame74151-compare-name { color: var(--frame74151-sand); font: 700 12px/1.3 ui-monospace, monospace; }
.frame74151-compare-facts { margin: 0; color: var(--frame74151-lilac); font-size: 13px; }
.frame74151-terms { display: grid; grid-template-columns: 1fr; gap: 5px 10px; margin: 13px 0 0; }
.frame74151-term { color: var(--frame74151-sand); font: 700 12px/1.35 ui-monospace, monospace; }
.frame74151-def { margin: 0 0 7px; color: var(--frame74151-lilac); font-size: 13px; }
.frame74151-faq { display: grid; gap: 7px; margin-top: 13px; }
.frame74151-faq-item { overflow: hidden; background: rgba(13,13,27,.45); border: 1px solid var(--frame74151-line); border-radius: 9px; }
.frame74151-faq-q { min-height: 44px; padding: 11px 34px 11px 11px; color: #fff; font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; position: relative; }
.frame74151-faq-q::-webkit-details-marker { display: none; }
.frame74151-faq-q::after { position: absolute; right: 12px; content: "+"; color: var(--frame74151-gold); font: 700 18px/1 monospace; }
.frame74151-faq-item[open] .frame74151-faq-q::after { content: "−"; }
.frame74151-faq-a { margin: 0; padding: 0 11px 12px; color: var(--frame74151-lilac); font-size: 13px; }
.frame74151-cta { padding: 14px; background: linear-gradient(145deg, rgba(205,133,63,.22), rgba(212,175,55,.08)); border: 1px solid rgba(212,175,55,.45); border-radius: 17px 6px 17px 6px; }
.frame74151-cta-primary, .frame74151-cta-secondary { display: block; width: 100%; min-height: 46px; padding: 10px 13px; text-align: center; font-weight: 800; border-radius: 10px; cursor: pointer; }
.frame74151-cta-primary { color: var(--frame74151-ink); background: var(--frame74151-gold); border: 1px solid var(--frame74151-gold); }
.frame74151-cta-secondary { margin-top: 8px; color: var(--frame74151-sand); background: transparent; border: 1px solid var(--frame74151-copper); }
.frame74151-xfooter { display: grid; gap: 12px; margin: 22px 0 0; padding: 16px 14px; background: #111126; border-top: 1px solid var(--frame74151-line); }
.frame74151-xf-group { padding-bottom: 12px; border-bottom: 1px solid rgba(201,201,255,.1); }
.frame74151-xf-group:last-child { padding-bottom: 0; border-bottom: 0; }
.frame74151-xf-title { margin: 0 0 8px; color: var(--frame74151-gold); font: 700 11px/1.3 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.frame74151-directory { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 9px; }
.frame74151-directory-link { padding: 6px 0; color: var(--frame74151-lilac); font-size: 12px; text-decoration: none; }
.frame74151-directory-link span { display: block; color: var(--frame74151-muted); font-size: 10px; }
.frame74151-promos { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.frame74151-promo-link { min-height: 42px; padding: 7px 8px; color: var(--frame74151-sand); background: rgba(205,133,63,.1); border: 1px solid rgba(205,133,63,.5); border-radius: 8px; cursor: pointer; font-size: 11px; font-weight: 700; }
.frame74151-promo-link.is-wide { grid-column: 1 / -1; color: var(--frame74151-ink); background: var(--frame74151-gold); border-color: var(--frame74151-gold); }
.frame74151-footer { padding: 17px 12px 22px; color: var(--frame74151-muted); text-align: center; font: 11px/1.3 ui-monospace, monospace; }
.frame74151-bottomnav { position: fixed; z-index: 55; right: max(0px, calc((100vw - 540px) / 2)); bottom: 0; left: max(0px, calc((100vw - 540px) / 2)); display: grid; grid-template-columns: repeat(5, 1fr); padding: 6px 6px max(7px, env(safe-area-inset-bottom)); background: rgba(17,17,38,.97); border-top: 1px solid var(--frame74151-line); box-shadow: 0 -8px 24px rgba(0,0,0,.18); }
.frame74151-bnav-btn { display: grid; min-width: 0; min-height: 48px; place-items: center; align-content: center; gap: 2px; padding: 4px 2px; color: var(--frame74151-muted); background: transparent; border: 0; border-radius: 10px; text-decoration: none; cursor: pointer; }
.frame74151-bnav-btn svg { width: 20px; height: 20px; }
.frame74151-bnav-label { max-width: 100%; overflow: hidden; font: 700 9px/1.1 ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.frame74151-bnav-btn.is-active, .frame74151-bnav-btn:hover { color: var(--frame74151-gold); background: rgba(201,201,255,.1); transform: translateY(-2px); }
@keyframes frame74151-rise { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 390px) { .frame74151-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .frame74151-main { padding-right: 14px; padding-left: 14px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }