
:root{--bg:#fff8f5;--paper:#fff;--ink:#171313;--muted:#766765;--line:#eadbd6;--accent:#d5202f;--accent2:#f4c75a;--max:1180px;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.72}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:#b51424}.wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,248,245,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-row{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand img{width:150px;height:auto;max-height:60px;object-fit:contain}.brand-name{font:900 26px/1 var(--sans);letter-spacing:.02em;color:#b51424}.brand-dot{color:var(--accent)}.nav-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:700}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.main-nav a{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.main-nav a:hover{color:#b51424}.hero{padding:48px 0 28px}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.hero-main,.hero-side{position:relative;min-height:470px;border-radius:22px;overflow:hidden;background:#111}.hero-main img,.hero-side img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.75))}.hero-copy{position:absolute;left:34px;right:34px;bottom:30px;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:38px;height:3px;background:var(--accent)}.hero-copy h1{font:700 clamp(34px,5vw,62px)/1.03 var(--serif);margin:12px 0 12px;letter-spacing:-1.8px}.hero-copy p{max-width:720px;margin:0;color:#f1f1ed;font-size:17px}.hero-side{min-height:470px}.hero-side .hero-copy h2{font:700 34px/1.08 var(--serif);margin:12px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 18px}.section-head h2{font:700 38px/1 var(--serif);margin:0}.section-head p{margin:0;color:var(--muted);max-width:580px}.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.post-card{display:grid;grid-template-columns:180px 1fr;gap:20px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px;transition:.2s transform,.2s box-shadow}.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(30,35,20,.08)}.post-thumb{border-radius:13px;overflow:hidden;min-height:180px;background:#222}.post-thumb img{width:100%;height:100%;object-fit:cover}.meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pill{color:#557c0b}.post-card h3{font:700 24px/1.18 var(--serif);margin:8px 0 8px}.post-card p{margin:0;color:#555a53;font-size:14px;line-height:1.58}.home-note{margin:34px 0;padding:28px;border:1px solid var(--line);background:#fff1eb;border-radius:18px}.home-note h2{font:700 30px/1.15 var(--serif);margin:0 0 8px}.home-note p{margin:0;max-width:860px;color:#4e5747}.footer{margin-top:58px;border-top:1px solid var(--line);background:#111;color:#d6d8d0}.footer-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:42px 0}.footer .brand-name{color:#fff}.footer p{color:#aeb2aa}.footer h3{font:700 18px var(--serif);color:#fff}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:7px 0}.footer a:hover{color:var(--accent2)}.copyright{border-top:1px solid #30332e;padding:18px 0;color:#8f938a;font-size:13px}.archive-header{padding:54px 0 26px}.archive-header h1{font:700 clamp(38px,6vw,64px)/1 var(--serif);margin:8px 0 12px}.archive-header p{max-width:760px;color:var(--muted);font-size:18px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.archive-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.archive-card-body{padding:18px}.archive-card h2{font:700 25px/1.15 var(--serif);margin:8px 0 10px}.archive-card p{color:#62665f;margin:0;font-size:14px}.article-hero{padding:42px 0 22px}.article-hero-inner{display:grid;grid-template-columns:1.03fr .97fr;gap:34px;align-items:center}.article-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.article-hero h1{font:700 clamp(40px,6vw,68px)/1.02 var(--serif);letter-spacing:-1.8px;margin:12px 0 16px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:48px;align-items:start;padding:18px 0 30px}.article-body{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,48px)}.article-body p{font-size:18px;line-height:1.8;margin:0 0 23px}.article-body p:first-of-type{font-size:21px;color:#383c36}.article-body h2{font:700 34px/1.15 var(--serif);margin:38px 0 16px}.article-body h3{font:700 25px/1.2 var(--serif);margin:30px 0 13px}.article-body blockquote{margin:30px 0;padding:24px 26px;border-left:5px solid var(--accent);background:#fff3ee;font:italic 22px/1.5 var(--serif)}.article-side{position:sticky;top:106px}.side-box{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;margin-bottom:16px}.side-box h3{font:700 20px var(--serif);margin:0 0 12px}.side-box ul{list-style:none;margin:0;padding:0}.side-box li{padding:8px 0;border-bottom:1px solid #ecece7}.side-box li:last-child{border:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.archive-note{padding:18px 20px;background:#fff3ee;border:1px solid #f0cfc3;border-radius:14px;margin:26px 0;color:#4a5640}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:26px}.about-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.about-card h2{font:700 32px var(--serif);margin:0 0 12px}.about-card p{color:#52574f}.toc-list{display:flex;gap:10px;flex-wrap:wrap}.toc-list a{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800}.empty-safe{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.screen-reader{position:absolute;left:-9999px}.skip{position:absolute;left:12px;top:-100px;background:#111;color:#fff;padding:10px 14px;z-index:100}.skip:focus{top:12px}
@media(max-width:980px){.hero-grid,.article-hero-inner,.article-layout,.about-grid{grid-template-columns:1fr}.hero-side{min-height:360px}.article-side{position:static}.archive-grid{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:1fr}}
@media(max-width:760px){.wrap{width:min(100% - 24px,var(--max))}.header-row{min-height:70px}.brand-name{font-size:24px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f7f7f2;border-bottom:1px solid var(--line);padding:12px 18px}.main-nav.open{display:block}.main-nav ul{display:grid;gap:4px}.main-nav a{display:block;padding:10px 4px}.hero{padding-top:22px}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:520px}.hero-side{min-height:350px}.hero-copy{left:22px;right:22px;bottom:22px}.hero-copy h1{font-size:43px}.posts-grid,.archive-grid{grid-template-columns:1fr}.post-card{grid-template-columns:120px 1fr}.post-thumb{min-height:150px}.post-card h3{font-size:21px}.section-head{align-items:flex-start;flex-direction:column}.footer-row{grid-template-columns:1fr}.article-hero h1{font-size:46px}.article-body{padding:24px}.article-body p{font-size:17px}.gallery{grid-template-columns:1fr}}
@media(max-width:480px){.post-card{grid-template-columns:1fr}.post-thumb{aspect-ratio:16/10}.hero-main{min-height:480px}.hero-copy h1{font-size:37px}.article-hero h1{font-size:39px}.archive-header h1{font-size:44px}}


/* AO88 responsive account CTAs */
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:4px}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:42px;padding:10px 16px;border-radius:11px;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:#fff!important}
.header-cta:hover{transform:translateY(-1px);text-decoration:none}
.header-cta-login{background:#241719;border:1px solid #3d282b;box-shadow:0 7px 18px rgba(28,15,18,.12)}
.header-cta-register{background:linear-gradient(135deg,#d5202f,#a80f1e);border:1px solid #be1424;box-shadow:0 8px 20px rgba(213,32,47,.22)}
.mobile-cta-bar{display:none}
.footer .brand img{width:150px;height:auto;max-height:64px;object-fit:contain}
.footer .brand-name{color:#fff}

@media(max-width:1120px){
  .header-row{gap:18px}
  .main-nav ul{gap:13px}
  .main-nav a{font-size:12px}
  .brand img{width:132px}
  .header-cta{min-width:78px;padding:9px 12px}
}
@media(max-width:900px){
  .header-actions{margin-left:auto}
  .main-nav{order:4;width:100%}
}
@media(max-width:760px){
  body{padding-bottom:74px}
  .site-header{backdrop-filter:blur(10px)}
  .header-row{min-height:68px;gap:12px}
  .brand{min-width:0}
  .brand img{width:118px;max-height:52px}
  .brand-name{display:none}
  .header-actions{display:none}
  .nav-toggle{display:block;margin-left:auto}
  .main-nav{top:68px;background:#fff8f5}
  .mobile-cta-bar{position:fixed;z-index:80;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(61,24,28,.12);backdrop-filter:blur(12px)}
  .mobile-cta-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
  .mobile-cta-login{background:#241719;color:#fff!important}
  .mobile-cta-register{background:linear-gradient(135deg,#d5202f,#a80f1e);color:#fff!important}
}
@media(max-width:420px){
  .wrap{width:min(100% - 18px,var(--max))}
  .brand img{width:105px}
  .nav-toggle{padding:8px 10px;font-size:13px}
  .mobile-cta-bar{gap:8px;padding-left:9px;padding-right:9px}
}


/* AO88 CTA EFFECT V2 */
/* Glossy casino-style CTA treatment inspired by the AO88 reference site,
   recolored to fit this site's cream / burgundy / gold theme. */
.header-cta,
.mobile-cta-bar a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-decoration:none!important;
  transform:translateZ(0);
  -webkit-tap-highlight-color:transparent;
}
.header-cta{
  min-width:96px;
  min-height:44px;
  padding:10px 18px;
  border:1px solid transparent;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease,border-color .22s ease;
}
.header-cta::before,
.mobile-cta-bar a::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-45%;
  left:-70%;
  width:42%;
  height:190%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  filter:blur(.2px);
  animation:ao88-shine 3.2s ease-in-out infinite;
  pointer-events:none;
}
.header-cta::after,
.mobile-cta-bar a::after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:-1;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
}
.header-cta-login,
.mobile-cta-login{
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),
    linear-gradient(135deg,#3d151b 0%,#231014 55%,#14090b 100%);
  border-color:rgba(244,199,90,.72);
  box-shadow:
    0 0 0 1px rgba(122,67,27,.20) inset,
    0 7px 18px rgba(36,13,17,.22),
    0 0 14px rgba(244,199,90,.10);
  text-shadow:0 1px 1px rgba(0,0,0,.55);
}
.header-cta-register,
.mobile-cta-register{
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 46%),
    linear-gradient(135deg,#ef3346 0%,#d5202f 48%,#9e0d1a 100%);
  border-color:#f4c75a;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 8px 22px rgba(213,32,47,.30),
    0 0 16px rgba(244,199,90,.28);
  text-shadow:0 1px 2px rgba(82,0,10,.55);
  animation:ao88-register-glow 2.25s ease-in-out infinite;
}
.header-cta:hover,
.mobile-cta-bar a:hover{
  transform:translateY(-2px) scale(1.025);
  filter:saturate(1.08) brightness(1.04);
}
.header-cta-login:hover,
.mobile-cta-login:hover{
  box-shadow:
    0 0 0 1px rgba(244,199,90,.34) inset,
    0 10px 24px rgba(36,13,17,.30),
    0 0 20px rgba(244,199,90,.24);
}
.header-cta-register:hover,
.mobile-cta-register:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.15) inset,
    0 11px 26px rgba(213,32,47,.38),
    0 0 24px rgba(244,199,90,.42);
}
.header-cta:active,
.mobile-cta-bar a:active{
  transform:translateY(0) scale(.98);
  transition-duration:.08s;
}
.header-cta:focus-visible,
.mobile-cta-bar a:focus-visible{
  outline:3px solid rgba(244,199,90,.65);
  outline-offset:3px;
}
@keyframes ao88-shine{
  0%,58%{left:-70%;opacity:0}
  64%{opacity:.95}
  80%{left:135%;opacity:.12}
  100%{left:135%;opacity:0}
}
@keyframes ao88-register-glow{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 8px 22px rgba(213,32,47,.28),0 0 12px rgba(244,199,90,.20)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 10px 25px rgba(213,32,47,.34),0 0 24px rgba(244,199,90,.42)}
}
@media(max-width:1120px){
  .header-cta{min-width:84px;min-height:42px;padding:9px 13px;font-size:12px}
}
@media(max-width:760px){
  .mobile-cta-bar{
    gap:9px;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,248,245,.94);
    border-top:1px solid rgba(181,20,36,.14);
    box-shadow:0 -10px 30px rgba(61,24,28,.14);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
  }
  .mobile-cta-bar a{
    min-height:48px;
    padding:10px 14px;
    font-size:13px;
    box-shadow:0 8px 19px rgba(61,24,28,.18);
  }
}
@media(max-width:420px){
  .mobile-cta-bar a{min-height:46px;padding:9px 11px;font-size:12px;letter-spacing:.045em}
}
@media(prefers-reduced-motion:reduce){
  .header-cta::before,.mobile-cta-bar a::before,.header-cta-register,.mobile-cta-register{animation:none!important}
  .header-cta,.mobile-cta-bar a{transition:none}
}


/* AO88 hybrid editorial architecture */
.hybrid-intro{margin:34px 0;padding:30px;border:1px solid rgba(213,32,47,.18);background:linear-gradient(135deg,#fff,#fff1ec);border-radius:20px;box-shadow:0 16px 36px rgba(76,25,30,.06)}
.hybrid-intro h2{font:700 34px/1.15 var(--serif);margin:0 0 12px}.hybrid-intro p{max-width:900px;color:#4d4b48;margin:0 0 14px}.hybrid-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hybrid-links a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;border:1px solid rgba(213,32,47,.22);background:#fff;font-weight:800;font-size:13px}.hybrid-links a:hover{background:#fff5f1;color:#b51424}
.ao88-bridge{margin:34px 0 8px;padding:28px;border-radius:18px;background:linear-gradient(145deg,#fff4ee,#fff);border:1px solid #efcfc5}.ao88-bridge .bridge-kicker{display:inline-block;color:#b51424;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.ao88-bridge h2{margin:5px 0 12px!important}.ao88-bridge p{font-size:17px!important}.ao88-bridge .bridge-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ao88-bridge .bridge-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:999px;background:#241719;color:#fff!important;font-weight:900;font-size:13px}.ao88-bridge .bridge-links a:last-child{background:linear-gradient(135deg,#ef3346,#a80f1e);border:1px solid #f4c75a}.legacy-url-note{margin:22px 0;padding:14px 16px;border-left:4px solid #d5202f;background:#fff7f3;color:#655b58;font-size:14px}.archive-header .hybrid-sub{display:inline-block;margin-top:8px;padding:5px 10px;border-radius:999px;background:#ffe9e3;color:#a51422;font-weight:800;font-size:12px}
@media(max-width:640px){.hybrid-intro,.ao88-bridge{padding:21px}.hybrid-intro h2{font-size:28px}.hybrid-links,.ao88-bridge .bridge-links{display:grid;grid-template-columns:1fr}.ao88-bridge .bridge-links a{width:100%}}


/* =========================================================
   AO88 CTA EFFECT V3 — HIGH-CONTRAST BURGUNDY + GOLD
   Stronger visual treatment so Login/Register are clearly
   different from the previous CTA version.
========================================================= */
.header-actions{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px;
  border:1px solid rgba(181,20,36,.13);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,245,240,.86));
  box-shadow:0 8px 24px rgba(61,24,28,.08);
}

.header-cta,
.mobile-cta-bar a{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:999px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}

.header-cta{
  min-width:108px!important;
  min-height:46px!important;
  padding:10px 19px!important;
  border:1px solid transparent!important;
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease,
    filter .22s ease!important;
}

/* moving glossy beam */
.header-cta::before,
.mobile-cta-bar a::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-70%;
  left:-80%;
  width:32%;
  height:240%;
  transform:rotate(22deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.10),
    rgba(255,255,255,.92),
    rgba(255,255,255,.10),
    transparent
  );
  animation:ao88-v3-shine 3s ease-in-out infinite;
  pointer-events:none;
}

/* subtle inner ring */
.header-cta::after,
.mobile-cta-bar a::after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:1;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.24);
  pointer-events:none;
}

/* LOGIN = deep burgundy glass */
.header-cta-login,
.mobile-cta-login{
  color:#fff!important;
  background:
    radial-gradient(circle at 22% 16%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(135deg,#541521 0%,#2b0e14 58%,#16080b 100%)!important;
  border-color:#f1c34f!important;
  box-shadow:
    0 0 0 1px rgba(244,199,90,.20) inset,
    0 9px 22px rgba(42,11,17,.26),
    0 0 0 rgba(244,199,90,0)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}

/* REGISTER = bright gold, deliberately very different */
.header-cta-register,
.mobile-cta-register{
  color:#5a1119!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),transparent 45%),
    linear-gradient(135deg,#ffeaa0 0%,#f4c75a 45%,#dfa62b 100%)!important;
  border-color:#b9790e!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.50) inset,
    0 9px 24px rgba(202,144,26,.30),
    0 0 22px rgba(244,199,90,.28)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
  animation:ao88-v3-gold-pulse 2.2s ease-in-out infinite!important;
}

.header-cta:hover,
.mobile-cta-bar a:hover{
  transform:translateY(-3px) scale(1.035)!important;
  filter:saturate(1.08) brightness(1.045);
}

.header-cta-login:hover,
.mobile-cta-login:hover{
  box-shadow:
    0 0 0 1px rgba(244,199,90,.30) inset,
    0 12px 28px rgba(42,11,17,.32),
    0 0 24px rgba(244,199,90,.28)!important;
}

.header-cta-register:hover,
.mobile-cta-register:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.60) inset,
    0 13px 30px rgba(202,144,26,.34),
    0 0 32px rgba(244,199,90,.50)!important;
}

.header-cta:active,
.mobile-cta-bar a:active{
  transform:translateY(0) scale(.97)!important;
}

.header-cta:focus-visible,
.mobile-cta-bar a:focus-visible{
  outline:3px solid rgba(244,199,90,.72)!important;
  outline-offset:3px;
}

@keyframes ao88-v3-shine{
  0%,55%{left:-80%;opacity:0}
  62%{opacity:1}
  78%{left:145%;opacity:.15}
  100%{left:145%;opacity:0}
}

@keyframes ao88-v3-gold-pulse{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(255,255,255,.50) inset,
      0 9px 24px rgba(202,144,26,.28),
      0 0 16px rgba(244,199,90,.24)
  }
  50%{
    box-shadow:
      0 0 0 1px rgba(255,255,255,.64) inset,
      0 11px 28px rgba(202,144,26,.34),
      0 0 34px rgba(244,199,90,.52)
  }
}

@media(max-width:1120px){
  .header-actions{padding:5px;gap:7px}
  .header-cta{
    min-width:92px!important;
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:12px!important;
  }
}

@media(max-width:760px){
  body{padding-bottom:78px}
  .header-actions{display:none!important}
  .mobile-cta-bar{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,248,245,.94)!important;
    border-top:1px solid rgba(181,20,36,.18)!important;
    box-shadow:0 -12px 32px rgba(61,24,28,.16)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .mobile-cta-bar a{
    min-height:50px!important;
    padding:10px 14px!important;
    font-size:13px!important;
  }
}

@media(max-width:420px){
  .mobile-cta-bar{
    gap:8px;
    padding-left:9px;
    padding-right:9px;
  }
  .mobile-cta-bar a{
    min-height:48px!important;
    padding:9px 10px!important;
    font-size:12px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .header-cta::before,
  .mobile-cta-bar a::before,
  .header-cta-register,
  .mobile-cta-register{
    animation:none!important;
  }
}
