@charset "UTF-8";
:root{--color-background:#0B0C10;--color-surface:#1F2833;--color-surface-alt:#151823;--color-text:#E5E9F0;--color-text-muted:#9FA6B2;--color-heading:#FFFFFF;--color-primary:#CCFF00;--color-success:#3DD68C;--color-warning:#FFCC66;--color-danger:#FF4B5C;--gray-50:#111827;--gray-100:#1F2933;--gray-200:#323F4B;--gray-300:#3E4C59;--gray-400:#52606D;--gray-500:#7B8794;--gray-600:#9FB3C8;--gray-700:#CBD2D9;--gray-800:#E4E7EB;--gray-900:#F5F7FA;--font-sans:"Inter","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI",sans-serif;--font-display:"Space Grotesk","Oswald","system-ui",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--space-13:80px;--space-14:96px;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 4px 8px rgba(0,0,0,0.45);--shadow-sm:0 8px 16px rgba(0,0,0,0.6);--shadow-md:0 16px 32px rgba(0,0,0,0.7);--shadow-lg:0 24px 48px rgba(0,0,0,0.75);--transition-fast:120ms ease-out;--transition-normal:200ms ease-out;--transition-slow:320ms ease-out;--container-max:1120px}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased;background-color:var(--color-background);color:var(--color-text)}
body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);background-color:var(--color-background);color:var(--color-text);text-rendering:optimizeLegibility;overflow-x:hidden}
img,picture,video,canvas,svg{display:block;max-width:100%}
img,video{height:auto}
input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
a:hover{color:var(--color-primary)}
p {margin-bottom:var(--space-6);max-width:70ch}
ul{list-style:none !important;margin:0;padding:0}
ol{margin:0;padding-left:1.5rem}
li{margin:0}
main{display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-style:italic;font-weight:700;color:var(--color-heading);letter-spacing:0.03em;text-transform:uppercase;line-height:var(--line-height-tight);margin-bottom:var(--space-5)}
h1{font-size:clamp(2.6rem,4vw,3.4rem)}
h2{font-size:clamp(2.1rem,3.2vw,2.6rem)}
h3{font-size:clamp(1.6rem,2.6vw,2rem)}
h4{font-size:1.35rem}
h5{font-size:1.1rem}
h6{font-size:0.95rem}
small{font-size:var(--font-size-sm)}
strong,b{font-weight:600}
code,kbd,samp {font-family:var(--font-mono);font-size:0.9em}
hr{border:0;border-top:1px solid rgba(255,255,255,0.06);margin:var(--space-9) 0}
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-7)}
@media (min-width:1200px){.container{padding:0 var(--space-9)}}
.section{padding:var(--space-11) 0}
.section--tight{padding:var(--space-9) 0}
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.flex-col{display:flex;flex-direction:column}
.flex-wrap {flex-wrap:wrap}
.grid{display:grid;gap:var(--space-8)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}
@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}
.justify-center{justify-content:center}
.items-center{align-items:center}
.text-center{text-align:center}
.text-right{text-align:right}
.mt-0{margin-top:0}
.mt-4{margin-top:var(--space-4)}
.mt-6{margin-top:var(--space-6)}
.mt-8{margin-top:var(--space-8)}
.mt-10{margin-top:var(--space-10)}
.mb-0{margin-bottom:0}
.mb-4{margin-bottom:var(--space-4)}
.mb-6{margin-bottom:var(--space-6)}
.mb-8{margin-bottom:var(--space-8)}
.mb-10{margin-bottom:var(--space-10)}
.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}
.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}
.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}
.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-toggle{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:center}
.nav-toggle span{display:block;width:22px;height:2px;background-color:var(--color-heading);transition:transform var(--transition-normal),opacity var(--transition-normal),background-color var(--transition-normal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.7rem 1.6rem;border-radius:18px;border:1px solid transparent;background:linear-gradient(135deg,#CCFF00,#9BE500);color:#020308;font-family:var(--font-display);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-size:0.9rem;line-height:1;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(0,0,0,0.4);mix-blend-mode:multiply;pointer-events:none}
.btn:hover{transform:translateY(-1px) skewX(-4deg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#E4FF5A,#CCFF00)}
.btn:active{transform:translateY(0) scale(0.98);box-shadow:var(--shadow-xs)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:0.45;cursor:not-allowed;box-shadow:none;transform:none}
.btn--ghost{background:transparent;color:var(--color-heading);border-color:rgba(204,255,0,0.7);box-shadow:none}
.btn--ghost:hover{background:rgba(204,255,0,0.07)}
.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}
.btn--outline:hover{background:rgba(204,255,0,0.09);color:var(--color-heading)}
.btn--sm{padding:0.55rem 1.2rem;font-size:0.8rem}
.btn--lg{padding:0.9rem 2.1rem;font-size:1rem}
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="password"],textarea,select{width:100%;padding:0.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.09);background-color:rgba(21,24,35,0.95);color:var(--color-text);box-shadow:0 0 0 1px rgba(0,0,0,0.7);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),transform var(--transition-fast)}
textarea{min-height:140px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--color-text-muted)}
input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px rgba(204,255,0,0.5),0 0 0 4px rgba(204,255,0,0.16);background-color:#111320;transform:skewX(-1.5deg)}
input[disabled],textarea[disabled],select[disabled]{opacity:0.5;cursor:not-allowed}
label{display:block;margin-bottom:0.35rem;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);font-family:var(--font-display)}
.form-row{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.form-row>.form-field{flex:1 1 220px}
.card{position:relative;background:linear-gradient(145deg,#161925,#0B0C10);border-radius:18px;box-shadow:var(--shadow-sm);padding:var(--space-7);overflow:hidden;transform:skewX(-3deg);border:1px solid rgba(255,255,255,0.04)}
.card__inner{transform:skewX(3deg)}
.card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(204,255,0,0.14);mix-blend-mode:soft-light;pointer-events:none}
.card--accent{background:radial-gradient(circle at 0% 0%,rgba(204,255,0,0.18),transparent 55%),linear-gradient(145deg,#181b27,#05060a)}
.card--slanted{transform:skewX(-6deg)}
.card--slanted .card__inner{transform:skewX(6deg)}
.card--flat{transform:none}
.hero{position:relative;padding:var(--space-12) 0 var(--space-11);overflow:hidden}
.hero__layout{display:grid;grid-template-columns:minmax(0,0.75fr) minmax(0,1.25fr);gap:var(--space-9);align-items:stretch}
@media (max-width:960px){.hero__layout{grid-template-columns:1fr;gap:var(--space-8)}}
.hero__rail{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);border-left:2px solid rgba(255,255,255,0.08);padding-left:var(--space-6)}
.hero__rail-label{font-family:var(--font-display);font-style:italic;font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-muted)}
.hero__rail-metadata{display:flex;flex-direction:column;gap:var(--space-4);font-size:0.9rem;color:var(--color-text-muted)}
.hero__rail-metadata-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.hero__rail-fact{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--color-primary)}
.hero__rail-cta{margin-top:auto}
.hero__main{position:relative}
.hero__headline{font-size:clamp(2.8rem,4.3vw,3.8rem);line-height:0.95;text-transform:uppercase;letter-spacing:0.12em}
.hero__eyebrow{font-family:var(--font-display);font-style:italic;font-size:0.8rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4)}
.hero__sub{margin-top:var(--space-6);max-width:32rem;color:var(--color-text-muted)}
.hero__cta-row{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}
.hero__meta-note{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--color-text-muted)}
.hero__cards{position:absolute;inset:auto 0 -120px auto;max-width:520px;pointer-events:none}
@media (max-width:1200px){.hero__cards{position:absolute;right:0;bottom:-80px;max-width:420px}}
@media (max-width:960px){.hero__cards{position:relative;bottom:auto;margin-top:var(--space-9);max-width:100%;display:flex;justify-content:flex-end}}
.hero-card{position:relative;width:72%;max-width:260px;aspect-ratio:4/5;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);background-color:#111320;transform-origin:center;object-fit:cover}
.hero-card--primary{transform:rotate(-10deg) translate(15%,0)}
.hero-card--secondary{transform:rotate(8deg) translate(-6%,-40%)}
.hero-card--tertiary{transform:rotate(-3deg) translate(40%,-52%) scale(0.88);opacity:0.9}
.hero-card img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2) contrast(1.1)}
.hero-card__tag{position:absolute;left:10%;bottom:10%;padding:0.3rem 0.9rem;border-radius:var(--radius-pill);background:rgba(11,12,16,0.86);backdrop-filter:blur(12px);font-family:var(--font-display);font-style:italic;font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-primary);border:1px solid rgba(204,255,0,0.5)}
.media-cover{position:relative;overflow:hidden;border-radius:18px;background-color:#05060a}
.media-cover img,.media-cover video{width:100%;height:100%;object-fit:cover;display:block}
.media-cover--slanted{transform:skewX(-4deg)}
.media-cover--slanted>*{transform:skewX(4deg)}
.badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.7rem;border-radius:999px;border:1px solid rgba(204,255,0,0.5);background:rgba(11,12,16,0.9);color:var(--color-primary);font-family:var(--font-display);font-style:italic;font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase}
.badge-dot{width:6px;height:6px;border-radius:999px;background-color:var(--color-primary)}
.list-inline{display:flex;flex-wrap:wrap;gap:0.5rem}
.list-inline>li::after{content:"/";margin-left:0.5rem;color:var(--color-text-muted)}
.list-inline>li:last-child::after{content:"";margin:0}
.footer{border-top:1px solid rgba(255,255,255,0.06);padding:var(--space-8) 0 var(--space-6);color:var(--color-text-muted);font-size:0.85rem}
.footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-4)}
.footer__nav a{font-size:0.82rem;letter-spacing:0.14em;text-transform:uppercase;font-family:var(--font-display)}
.footer__nav a:hover{color:var(--color-primary)}
.footer__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center}
.footer__note{max-width:40rem}
.footer__note strong{color:var(--color-heading)}
.tablet-stack{display:flex;gap:var(--space-8)}
@media (max-width:900px){.tablet-stack{flex-direction:column}}
.direction-line{position:relative;padding-left:2.5rem}
.direction-line::before{content:"";position:absolute;left:0;top:0.55em;width:2rem;height:1px;background:linear-gradient(90deg,var(--color-primary),transparent)}
.direction-line--reverse{padding-left:0;padding-right:2.5rem}
.direction-line--reverse::before{left:auto;right:0;background:linear-gradient(90deg,transparent,var(--color-primary))}
.num-accent{font-family:var(--font-display);font-style:italic;font-size:1.4rem;line-height:1;color:var(--color-primary);letter-spacing:0.14em}
.num-accent--muted{color:rgba(204,255,0,0.52)}
.chip-row{display:flex;flex-wrap:wrap;gap:0.4rem}
.chip {padding:0.25rem 0.65rem;border-radius:999px;border:1px solid rgba(255,255,255,0.07);background-color:rgba(15,16,24,0.96);font-size:0.72rem;color:var(--color-text-muted)}
.chip--bright{border-color:rgba(204,255,0,0.5);color:var(--color-primary)}
body:focus-visible{outline:none}
:focus{outline:none}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.link-focusable{position:relative}
.link-focusable:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-margin:0 !important}}
.no-overflow-x{overflow-x:hidden}
.wrap-long{word-wrap:break-word;overflow-wrap:break-word}
.text-muted{color:var(--color-text-muted)}
.bg-surface{background-color:var(--color-surface)}
.bg-surface-alt{background-color:var(--color-surface-alt)}
.bg-gradient-diag{background:linear-gradient(135deg,#111320,#05060a)}
.accent-bar{position:relative;padding-left:1rem}
.accent-bar::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--color-primary),transparent);border-radius:999px}
.tagline{font-family:var(--font-display);font-style:italic;font-size:0.9rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted)}
.heading-kasino{letter-spacing:0.22em}
.section-title-row{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-8)}
.section-title-row p {margin-bottom:0;max-width:30rem}
.navbar{position:sticky;top:0;z-index:40;background:rgba(11,12,16,0.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,0.04)}
.navbar__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-7);max-width:var(--container-max);margin:0 auto}
.navbar__brand{display:flex;align-items:center;gap:0.75rem;font-family:var(--font-display);font-style:italic;text-transform:uppercase;letter-spacing:0.18em;font-size:0.9rem}
.navbar__brand-mark{width:24px;height:24px;border-radius:7px;background:conic-gradient(from 210deg,#CCFF00,#374151,#111827,#CCFF00);box-shadow:0 0 0 1px rgba(0,0,0,0.8)}
.navbar__menu{display:flex;align-items:center;gap:var(--space-6);font-size:0.8rem;letter-spacing:0.16em;text-transform:uppercase}
.navbar__menu a{color:var(--color-text-muted)}
.navbar__menu a:hover{color:var(--color-primary)}
@media (max-width:960px){.navbar__menu{display:none}}
.hero-layout-safe{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-7)}
@media (min-width:1200px){.hero-layout-safe{padding:0 var(--space-9)}}