:root {
  --ink: #f7f3ff;
  --muted: #a9a2c3;
  --dim: #756e93;
  --bg: #080619;
  --panel: #110d2b;
  --panel-soft: #151034;
  --line: rgba(205, 177, 255, .16);
  --violet: #7c39f2;
  --violet-bright: #9f68ff;
  --gold: #ffc84a;
  --orange: #ff923e;
  --green: #7ff0b3;
  --radius: 18px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .32);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--ink); font-family: "DM Sans", system-ui, sans-serif; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; z-index: -3; pointer-events: none; background: linear-gradient(115deg, rgba(16, 10, 49, .95), rgba(7, 5, 19, .94) 52%, rgba(21, 9, 44, .95)); }
body::after { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: .24; background-image: radial-gradient(rgba(255,255,255,.16) .6px, transparent .8px); background-size: 5px 5px; mix-blend-mode: soft-light; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.ambient { position: fixed; z-index: -1; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: .2; }
.ambient-one { width: 390px; height: 390px; left: -180px; top: 240px; background: #6d2ced; }
.ambient-two { width: 520px; height: 520px; right: -240px; top: 780px; background: #461594; }
.site-header { position: relative; z-index: 10; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,6,25,.63); backdrop-filter: blur(20px); }
.header-inner { height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; width: 142px; flex: 0 0 auto; }
.brand img { width: 100%; height: auto; object-fit: contain; }
.main-nav { display: flex; gap: 35px; align-items: center; margin-left: auto; }
.main-nav a { font-size: 13px; color: var(--muted); transition: color .2s ease; }
.main-nav a:hover, .main-nav a.active { color: var(--ink); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 999px; padding: 13px 20px; font-size: 13px; font-weight: 700; line-height: 1; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #14091f; background: linear-gradient(110deg, var(--gold), #ffad42); box-shadow: 0 10px 30px rgba(255, 167, 46, .18); }
.button-primary:hover { box-shadow: 0 14px 34px rgba(255, 167, 46, .32); }
.button-ghost { border-color: var(--line); color: var(--ink); background: rgba(255,255,255,.03); }
.button-ghost:hover, .button-muted:hover { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); }
.button-small { padding: 11px 17px; }
.button-large { padding: 16px 23px; font-size: 14px; }
.button-arrow { font-size: 17px; line-height: 0; }
.button-text { padding-left: 0; padding-right: 0; color: var(--muted); }
.button-text span { color: var(--ink); border-bottom: 1px solid var(--violet-bright); padding-bottom: 2px; }
.button-outline { color: var(--ink); border-color: var(--line); background: rgba(255,255,255,.03); }
.button-outline:hover { border-color: var(--violet-bright); background: rgba(124,57,242,.14); }
.button-muted { color: var(--muted); background: rgba(255,255,255,.035); border-color: var(--line); }
.menu-toggle { display: none; border: 0; padding: 8px; background: transparent; }
.menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px 0; background: var(--ink); }
.mobile-menu { display: none; }
.hero { min-height: 600px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr); align-items: center; gap: 48px; padding-top: 70px; padding-bottom: 76px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--violet-bright); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 12px var(--gold); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; letter-spacing: -.045em; }
h1 { max-width: 570px; margin-bottom: 24px; font-size: clamp(50px, 6vw, 78px); line-height: .96; }
h1 em, h2 em, h3 em { color: var(--gold); font-style: normal; }
.hero-description { max-width: 435px; margin-bottom: 31px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.trust-row { display: flex; align-items: center; gap: 13px; margin-top: 48px; color: var(--muted); font-size: 11px; }
.trust-row strong, .trust-row span { display: block; }
.trust-row strong { color: var(--ink); margin-bottom: 4px; font-size: 12px; }
.avatar-stack { display: flex; padding-left: 5px; }
.avatar { width: 28px; height: 28px; display: grid; place-items: center; margin-left: -5px; border: 2px solid var(--bg); border-radius: 50%; color: #fff; font-size: 10px; font-weight: 700; }
.avatar-a { background: #d67a4a; }.avatar-b { background: #7055cf; }.avatar-c { background: #258a9f; }.avatar-d { background: var(--gold); color: #1a1028; }
.hero-art { position: relative; min-height: 505px; display: grid; place-items: center; }
.hero-poster { position: relative; z-index: 2; width: min(330px, 70%); padding: 10px 10px 13px; border: 1px solid rgba(255,255,255,.22); background: linear-gradient(155deg, rgba(255,255,255,.18), rgba(255,255,255,.025)); border-radius: 20px; box-shadow: 0 35px 90px rgba(0,0,0,.5), 0 0 0 9px rgba(124,57,242,.08); transform: rotate(3.2deg); }
.hero-poster img { width: 100%; aspect-ratio: .68; object-fit: cover; border-radius: 13px; }
.poster-label { position: absolute; z-index: 3; top: 20px; left: 22px; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 99px; background: rgba(10,6,30,.68); color: #fff; font-size: 10px; font-weight: 700; backdrop-filter: blur(10px); }
.pulse { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.hero-poster-caption { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 5px 0; }
.hero-poster-caption span { display: block; color: var(--muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.hero-poster-caption strong { display: block; margin-top: 5px; color: var(--ink); font-family: "Space Grotesk"; font-size: 13px; }
.caption-arrow { color: var(--gold) !important; font-size: 22px !important; }
.art-orbit { position: absolute; border: 1px solid rgba(163,104,255,.24); border-radius: 50%; transform: rotate(-25deg); }
.orbit-one { width: 520px; height: 180px; }.orbit-two { width: 580px; height: 230px; border-color: rgba(255,200,74,.13); transform: rotate(36deg); }
.floating-badge { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 12px 16px 12px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(20,13,51,.82); box-shadow: 0 18px 45px rgba(0,0,0,.3); backdrop-filter: blur(14px); transform: rotate(-4deg); }
.floating-badge strong, .floating-badge small { display: block; }.floating-badge strong { font-family: "Space Grotesk"; font-size: 18px; }.floating-badge small { margin-top: 2px; color: var(--muted); font-size: 9px; }.badge-top { top: 70px; right: 4%; }.badge-bottom { bottom: 65px; left: 2%; transform: rotate(4deg); }.badge-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #3a1b10; background: var(--gold); font-size: 17px; font-weight: 700; }.badge-gold { color: var(--gold); background: rgba(255,200,74,.13); }
.ticker { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(31,18,67,.24); }
.ticker-track { width: max-content; display: flex; align-items: center; gap: 26px; padding: 17px 0; animation: ticker 32s linear infinite; color: var(--muted); font-family: "Space Grotesk"; font-size: 11px; letter-spacing: .15em; }
.ticker-track b { color: var(--gold); font-size: 15px; }
@keyframes ticker { to { transform: translateX(-50%); } }
.section { padding-top: 115px; padding-bottom: 115px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 42px; }.section-heading h2 { max-width: 490px; margin-bottom: 0; font-size: clamp(34px, 4.2vw, 54px); line-height: .99; }.section-heading > p { max-width: 300px; margin-bottom: 3px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.offer-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 17px; }
.offer-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(27,18,65,.88), rgba(13,10,33,.92)); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }.offer-card:hover { transform: translateY(-7px); border-color: rgba(159,104,255,.58); box-shadow: var(--shadow); }.offer-image { position: relative; overflow: hidden; padding: 11px 11px 0; }.offer-image img { width: 100%; height: 238px; object-fit: cover; object-position: top center; border-radius: 12px; filter: saturate(.92); transition: transform .5s ease; }.offer-card:hover .offer-image img { transform: scale(1.04); }.offer-card-feature .offer-image img { height: 271px; }.offer-chip { position: absolute; top: 21px; left: 21px; padding: 7px 10px; border-radius: 99px; background: var(--gold); color: #28130d; font-size: 10px; font-weight: 700; }.offer-content { padding: 24px 23px 27px; }.offer-meta { display: flex; justify-content: space-between; color: var(--violet-bright); font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }.offer-icon { color: var(--gold); font-size: 20px; line-height: .5; }.offer-content h3 { margin: 20px 0 13px; font-size: 25px; line-height: 1.03; }.offer-content p { min-height: 68px; margin-bottom: 19px; color: var(--muted); font-size: 13px; line-height: 1.6; }.inline-link { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 12px; font-weight: 700; }.inline-link span { color: var(--gold); font-size: 18px; transition: transform .2s ease; }.inline-link:hover span { transform: translateX(4px); }
.how-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(110deg, rgba(72,31,146,.18), rgba(8,6,25,.14)); }.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }.step { position: relative; padding: 17px 40px 10px 0; border-top: 1px solid var(--line); }.step + .step { padding-left: 40px; border-left: 1px solid var(--line); }.step-number { color: var(--gold); font-family: "Space Grotesk"; font-size: 14px; font-weight: 700; }.step-line { width: 52px; height: 1px; margin: 42px 0 24px; background: var(--violet-bright); }.step h3 { margin-bottom: 13px; font-size: 21px; }.step p { max-width: 240px; margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.why-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding: 68px; border: 1px solid rgba(159,104,255,.3); border-radius: 22px; background: radial-gradient(circle at 88% 20%, rgba(124,57,242,.3), transparent 32%), linear-gradient(135deg, rgba(31,17,78,.95), rgba(12,8,34,.9)); box-shadow: var(--shadow); }.why-copy h2 { margin-bottom: 20px; font-size: clamp(35px, 4vw, 50px); line-height: 1; }.why-copy > p:not(.eyebrow) { max-width: 410px; margin-bottom: 26px; color: var(--muted); font-size: 14px; line-height: 1.7; }.metric-grid { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 0; }.metric { padding: 20px 0; border-bottom: 1px solid var(--line); }.metric:nth-child(odd) { margin-right: 30px; }.metric:nth-child(even) { padding-left: 30px; border-left: 1px solid var(--line); }.metric:nth-last-child(-n+2) { border-bottom: 0; }.metric strong, .metric span { display: block; }.metric strong { color: var(--gold); font-family: "Space Grotesk"; font-size: 34px; }.metric span { max-width: 100px; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.poster-grid { display: grid; grid-template-columns: .83fr 1.3fr .72fr; align-items: start; gap: 17px; }.poster-card { position: relative; overflow: hidden; margin: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }.poster-card img { width: 100%; height: 370px; object-fit: cover; object-position: top; opacity: .88; transition: transform .5s ease, opacity .5s ease; }.poster-card:hover img { transform: scale(1.05); opacity: 1; }.poster-wide { margin-top: 48px; }.poster-wide img { height: 270px; }.poster-small img { height: 310px; }.poster-card figcaption { position: absolute; inset: auto 0 0; padding: 54px 20px 20px; background: linear-gradient(transparent, rgba(8,6,25,.94)); }.poster-card figcaption span, .poster-card figcaption strong { display: block; }.poster-card figcaption span { margin-bottom: 4px; color: var(--gold); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }.poster-card figcaption strong { font-family: "Space Grotesk"; font-size: 17px; }
.cta-section { padding-top: 20px; padding-bottom: 120px; }.cta-card { position: relative; overflow: hidden; padding: 76px 30px 83px; border-radius: 24px; background: linear-gradient(120deg, #34107c, #7226bb 55%, #bc4c7e); text-align: center; box-shadow: 0 26px 80px rgba(77, 29, 155, .28); }.cta-card::before, .cta-card::after { content: ""; position: absolute; width: 300px; height: 300px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }.cta-card::before { left: -170px; top: -155px; }.cta-card::after { right: -160px; bottom: -180px; width: 390px; height: 390px; }.cta-rays { position: absolute; inset: 0; opacity: .18; background: repeating-conic-gradient(from 0deg at 50% 60%, transparent 0deg 10deg, rgba(255,255,255,.3) 10deg 11deg, transparent 11deg 25deg); mask-image: radial-gradient(circle at 50% 60%, black, transparent 65%); }.cta-card .eyebrow { position: relative; justify-content: center; color: #ffd78d; }.cta-card h2 { position: relative; margin-bottom: 14px; font-size: clamp(42px, 6vw, 70px); line-height: .95; }.cta-card p:not(.eyebrow) { position: relative; max-width: 390px; margin: 0 auto 28px; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.6; }.cta-card .button { position: relative; }
.site-footer { border-top: 1px solid var(--line); background: rgba(4,3,14,.45); }.footer-main { display: flex; justify-content: space-between; gap: 60px; padding-top: 63px; padding-bottom: 60px; }.footer-brand p { margin-top: 18px; color: var(--muted); font-size: 13px; line-height: 1.6; }.footer-links { display: grid; grid-template-columns: repeat(3, minmax(100px, 1fr)); gap: 70px; }.footer-links div { display: flex; flex-direction: column; gap: 13px; }.footer-links strong { margin-bottom: 5px; color: var(--ink); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }.footer-links a { color: var(--muted); font-size: 12px; }.footer-links a:hover { color: var(--gold); }.footer-bottom { display: flex; justify-content: space-between; padding: 20px 0 26px; border-top: 1px solid var(--line); color: var(--dim); font-size: 10px; }
.legal-page { padding-top: 100px; padding-bottom: 120px; }.legal-page h1 { max-width: 700px; margin-bottom: 24px; font-size: clamp(52px, 7vw, 84px); }.legal-lead { max-width: 590px; margin-bottom: 65px; color: var(--muted); font-size: 18px; line-height: 1.65; }.legal-content { max-width: 760px; padding-top: 35px; border-top: 1px solid var(--line); }.legal-content h2 { margin: 35px 0 12px; color: var(--ink); font-size: 24px; }.legal-content h2:first-of-type { margin-top: 0; }.legal-content p { color: var(--muted); font-size: 14px; line-height: 1.8; }.legal-content .legal-updated { margin-bottom: 35px; color: var(--gold); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.reveal { opacity: 0; transform: translateY(18px); animation: reveal .75s cubic-bezier(.2,.7,.2,1) forwards; animation-play-state: paused; }.reveal.is-visible { animation-play-state: running; }.reveal-delay { animation-delay: .13s; }.reveal-delay-two { animation-delay: .25s; } @keyframes reveal { to { opacity: 1; transform: translateY(0); } }
.admin-view { min-height: 100vh; padding-bottom: 80px; }.admin-shell { max-width: 980px; }.admin-topbar { display: flex; align-items: center; justify-content: space-between; height: 82px; border-bottom: 1px solid var(--line); }.back-link { color: var(--muted); font-size: 12px; }.back-link:hover { color: var(--gold); }.admin-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 78px 0 35px; }.admin-heading h1 { margin-bottom: 13px; font-size: clamp(48px, 7vw, 72px); }.admin-heading p:not(.eyebrow) { max-width: 500px; margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }.admin-status { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(127,240,179,.25); border-radius: 99px; color: var(--green); font-size: 11px; }.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }.admin-notice { display: flex; gap: 13px; align-items: flex-start; padding: 17px 19px; margin-bottom: 18px; border: 1px solid rgba(255,200,74,.2); border-radius: 13px; background: rgba(255,200,74,.06); }.admin-notice > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #26130a; background: var(--gold); font-size: 12px; font-weight: 700; }.admin-notice strong { font-size: 12px; }.admin-notice p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.admin-card { padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(17,13,43,.85); }.admin-card-header { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }.admin-card-header h2 { margin-bottom: 5px; font-size: 21px; }.admin-card-header p, #saved-time { margin: 0; color: var(--muted); font-size: 11px; }.link-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 22px 0 25px; }.link-field label { display: block; margin-bottom: 8px; color: var(--ink); font-size: 12px; font-weight: 600; }.link-field label span { display: block; margin-top: 3px; color: var(--dim); font-size: 10px; font-weight: 400; }.link-field input { width: 100%; padding: 12px 13px; border: 1px solid var(--line); border-radius: 9px; outline: none; background: rgba(5,4,19,.58); color: var(--ink); font-size: 12px; }.link-field input:focus { border-color: var(--violet-bright); box-shadow: 0 0 0 3px rgba(159,104,255,.12); }.admin-actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 21px; border-top: 1px solid var(--line); }.file-button { position: relative; overflow: hidden; }.file-button input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }.admin-footer-note { margin: 20px 0; color: var(--dim); font-size: 11px; line-height: 1.6; }.admin-footer-note code, .admin-card code { color: var(--violet-bright); font-family: monospace; }.toast { position: fixed; z-index: 30; right: 25px; bottom: 25px; max-width: 320px; padding: 13px 16px; border: 1px solid rgba(127,240,179,.28); border-radius: 10px; background: #151634; color: var(--ink); box-shadow: var(--shadow); font-size: 12px; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s ease, transform .25s ease; }.toast.show { opacity: 1; transform: translateY(0); }
@media (max-width: 900px) { .main-nav { gap: 18px; }.hero { grid-template-columns: 1fr 1fr; gap: 15px; }.hero-art { min-height: 470px; }.floating-badge { transform: scale(.87) rotate(-4deg); }.badge-bottom { transform: scale(.87) rotate(4deg); }.offer-grid { grid-template-columns: 1fr 1fr; }.offer-card-feature { grid-column: 1 / -1; }.offer-card-feature .offer-image img { height: 300px; }.why-panel { gap: 45px; padding: 48px; } }
@media (max-width: 680px) { .container { width: min(100% - 32px, 560px); }.header-inner { height: 70px; }.main-nav, .header-actions .button { display: none; }.menu-toggle { display: block; }.mobile-menu { position: absolute; top: 70px; left: 0; right: 0; display: flex; flex-direction: column; gap: 4px; padding: 14px 16px 18px; border-bottom: 1px solid var(--line); background: rgba(10,7,27,.98); transform: translateY(-20px); opacity: 0; pointer-events: none; transition: all .25s ease; }.mobile-menu.open { opacity: 1; transform: translateY(0); pointer-events: auto; }.mobile-menu a { padding: 12px 8px; color: var(--muted); font-size: 14px; }.mobile-menu .mobile-register { color: #271210; border-radius: 7px; background: var(--gold); font-weight: 700; }.hero { display: flex; flex-direction: column; gap: 26px; align-items: stretch; padding-top: 68px; padding-bottom: 62px; }.hero-copy { text-align: center; }.hero-copy .eyebrow, .hero-actions, .trust-row { justify-content: center; }.hero-description { margin-left: auto; margin-right: auto; }.hero-actions { gap: 15px; }.hero-art { min-height: 465px; }.hero-poster { width: 245px; }.floating-badge { right: 0; }.badge-bottom { left: 0; }.orbit-one { width: 380px; height: 170px; }.orbit-two { width: 410px; height: 195px; }.section { padding-top: 78px; padding-bottom: 78px; }.section-heading { display: block; margin-bottom: 28px; }.section-heading > p { margin-top: 18px; }.offer-grid, .steps-grid, .why-panel, .poster-grid { display: block; }.offer-card, .step, .poster-card { margin-bottom: 16px; }.offer-card-feature .offer-image img, .offer-image img, .poster-card img, .poster-wide img, .poster-small img { height: 380px; }.step, .step + .step { padding: 22px 0 28px; border-left: 0; }.step-line { margin: 25px 0 18px; }.why-panel { padding: 32px 24px; }.metric-grid { margin-top: 35px; }.metric:nth-child(odd) { margin-right: 0; }.metric:nth-child(even) { padding-left: 20px; }.cta-section { padding-top: 0; padding-bottom: 78px; }.cta-card { padding: 65px 20px 70px; }.footer-main { display: block; padding-top: 45px; padding-bottom: 35px; }.footer-links { grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 37px; }.footer-bottom { display: block; line-height: 1.8; }.footer-bottom span { display: block; }.admin-heading { display: block; padding: 55px 0 28px; }.admin-status { margin-top: 20px; }.admin-card { padding: 18px 15px; }.link-fields { grid-template-columns: 1fr; gap: 13px; }.admin-actions .button { flex: 1 1 45%; }.legal-page { padding-top: 68px; padding-bottom: 80px; }.legal-lead { font-size: 16px; margin-bottom: 45px; }.legal-content h2 { font-size: 21px; } }

/* The poster wall keeps every uploaded creative on the same visual grid. */
.poster-grid.poster-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.poster-gallery .poster-card,
.poster-gallery .poster-wide,
.poster-gallery .poster-small { min-width: 0; margin-top: 0; aspect-ratio: 4 / 5; }
.poster-gallery .poster-card img,
.poster-gallery .poster-wide img,
.poster-gallery .poster-small img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #09061d; }
.poster-gallery .poster-card figcaption { padding: 62px 16px 17px; }
.poster-gallery .poster-card figcaption strong { font-size: 15px; }
@media (max-width: 680px) {
  .poster-grid.poster-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .poster-gallery .poster-card,
  .poster-gallery .poster-wide,
  .poster-gallery .poster-small { margin-bottom: 0; }
  .poster-gallery .poster-card figcaption { padding: 48px 11px 12px; }
  .poster-gallery .poster-card figcaption span { font-size: 8px; }
  .poster-gallery .poster-card figcaption strong { font-size: 12px; }
}