:root {
  --bg: #08090a;
  --bg-soft: #0e1011;
  --panel: #121416;
  --panel-raised: #181b1d;
  --gold: #b58a43;
  --gold-soft: #d1a95d;
  --white: #f5f2ec;
  --text: #c9c6bf;
  --muted: #85847f;
  --line: rgba(209, 169, 93, .22);
  --line-soft: rgba(255, 255, 255, .08);
  --sans: 'Manrope', 'Trebuchet MS', sans-serif;
  --display: 'Playfair Display', Georgia, serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; overflow-x: hidden; color: var(--text); background: var(--bg); font-family: var(--sans); }
body::before { position: fixed; inset: 0; z-index: -3; content: ''; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom, black, transparent 72%); }
body::after { position: fixed; inset: 0; z-index: -4; content: ''; background: radial-gradient(circle at 78% 8%, rgba(166, 111, 38, .12), transparent 28%), radial-gradient(circle at 12% 48%, rgba(166, 111, 38, .06), transparent 24%); pointer-events: none; }
.site-glow { position: fixed; z-index: -2; top: -360px; left: 52%; width: 760px; height: 760px; transform: translateX(-50%); border-radius: 50%; opacity: .26; background: radial-gradient(circle, rgba(173, 119, 40, .35), transparent 67%); filter: blur(22px); pointer-events: none; }

.site-header { position: relative; z-index: 5; display: flex; align-items: center; gap: 34px; width: 100%; padding: 16px 34px; border-bottom: 1px solid var(--line-soft); background: rgba(8, 9, 10, .84); backdrop-filter: blur(18px); }
.brand { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; color: var(--white); text-decoration: none; }.brand-image { display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid rgba(209, 169, 93, .5); border-radius: 50%; box-shadow: 0 0 24px rgba(181, 138, 67, .15); }.brand-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.brand-copy strong, .brand-copy small { display: block; }.brand-copy strong { color: var(--white); font-size: 13px; font-weight: 800; letter-spacing: .12em; }.brand-copy small { margin-top: 4px; color: var(--muted); font-size: 9px; font-weight: 600; letter-spacing: .2em; }
.main-nav { display: flex; gap: 4px; margin-left: 4px; padding: 4px; border: 1px solid var(--line); background: rgba(18, 20, 22, .84); }.main-nav a { position: relative; padding: 11px 15px; color: var(--text); text-decoration: none; font-size: 12px; font-weight: 700; transition: color .3s ease, background .3s ease, box-shadow .3s ease; }.main-nav a:hover, .main-nav a.active { color: var(--white); background: rgba(181, 138, 67, .16); box-shadow: inset 0 0 0 1px rgba(209, 169, 93, .28), 0 0 18px rgba(181, 138, 67, .1); }.main-nav a.active::before { position: absolute; top: -1px; right: 14px; left: 14px; height: 1px; content: ''; background: var(--gold-soft); }
.menu-toggle { display: grid; place-content: center; width: 46px; height: 46px; margin-left: auto; padding: 12px; border: 1px solid var(--line); border-radius: 50%; background: var(--panel); cursor: pointer; transition: background .3s, box-shadow .3s, border-color .3s; }.menu-toggle:hover { border-color: var(--gold-soft); background: var(--panel-raised); box-shadow: 0 0 18px rgba(181, 138, 67, .18); }.menu-toggle span { display: block; width: 20px; height: 2px; margin: 4px auto; background: var(--gold-soft); transition: transform .25s, opacity .25s; }.menu-open .menu-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }.menu-open .menu-toggle span:nth-child(2) { opacity: 0; }.menu-open .menu-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.menu-backdrop { position: fixed; inset: 0; z-index: 6; visibility: hidden; opacity: 0; background: rgba(0,0,0,.7); transition: opacity .3s, visibility .3s; }.mobile-menu { position: fixed; z-index: 7; top: 0; right: 0; width: min(86vw, 360px); height: 100dvh; padding: 25px 28px; overflow-y: auto; background: #0e1011; border-left: 1px solid var(--line); box-shadow: -20px 0 60px rgba(0,0,0,.5); transform: translateX(105%); transition: transform .38s cubic-bezier(.22, 1, .36, 1); }.menu-open .menu-backdrop { visibility: visible; opacity: 1; }.menu-open .mobile-menu { transform: translateX(0); }.mobile-menu-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid var(--line); color: var(--gold-soft); font-size: 10px; font-weight: 800; letter-spacing: .18em; }.menu-close { border: 0; color: var(--gold-soft); background: transparent; font-size: 32px; font-weight: 300; line-height: 1; cursor: pointer; }.mobile-nav { display: grid; padding: 19px 0; border-bottom: 1px solid var(--line); }.mobile-nav a, .useful-links a { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; color: var(--white); text-decoration: none; font-size: 14px; font-weight: 700; transition: color .2s, padding .2s; }.mobile-nav a span, .useful-links a span { color: var(--gold-soft); }.mobile-nav a:hover, .mobile-nav a.active, .useful-links a:hover { padding-left: 7px; color: var(--gold-soft); }.useful-links p { margin: 25px 0 6px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .15em; }

.page-shell { position: relative; z-index: 1; width: min(calc(100% - 68px), 1120px); margin-right: auto; margin-left: auto; }.hero { min-height: 680px; padding: 142px 0 84px; animation: rise .7s ease both; }.eyebrow { display: flex; align-items: center; gap: 11px; color: var(--gold-soft); font-size: 10px; font-weight: 800; letter-spacing: .18em; }.eyebrow span { width: 34px; height: 1px; background: var(--gold); }.hero h1, .inner-page h1, .about-page h1 { max-width: 950px; margin: 28px 0 28px; color: var(--white); font-family: var(--display); font-size: clamp(46px, 7vw, 86px); font-weight: 600; line-height: 1.02; letter-spacing: -.025em; }.hero h1 em, .inner-page h1 em, .about-page h1 em { color: var(--gold-soft); font-style: normal; }.hero-copy { max-width: 620px; margin: 0 0 34px; color: var(--text); font-size: 16px; line-height: 1.8; }.button { display: inline-flex; align-items: center; gap: 28px; padding: 17px 20px 17px 24px; border: 1px solid var(--gold); color: var(--white); background: rgba(18, 20, 22, .9); box-shadow: 0 0 0 rgba(181, 138, 67, 0); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-decoration: none; transition: transform .3s, box-shadow .3s, background .3s, border-color .3s; }.button:hover { border-color: var(--gold-soft); background: rgba(181, 138, 67, .12); box-shadow: 0 0 28px rgba(181, 138, 67, .24), inset 0 0 18px rgba(181, 138, 67, .08); transform: translateY(-3px); }.button span { color: var(--gold-soft); font-size: 19px; font-weight: 400; }.scroll-note { display: flex; align-items: center; gap: 13px; margin-top: 108px; color: var(--muted); font-size: 10px; letter-spacing: .08em; }.scroll-line { width: 44px; height: 1px; background: var(--gold); }
.link-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-bottom: 90px; }.link-tile { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; min-height: 138px; padding: 25px; border: 1px solid var(--line); color: var(--white); background: linear-gradient(135deg, rgba(22, 24, 25, .96), rgba(13, 15, 16, .94)); text-decoration: none; transition: background .3s, border-color .3s, box-shadow .3s, transform .3s; }.link-tile:hover { border-color: rgba(209, 169, 93, .55); background: linear-gradient(135deg, rgba(37, 31, 22, .96), rgba(15, 17, 18, .96)); box-shadow: 0 12px 35px rgba(0,0,0,.22), 0 0 24px rgba(181, 138, 67, .1); transform: translateY(-5px); }.tile-number { align-self: start; color: var(--gold); font-size: 11px; font-weight: 800; }.link-tile strong, .link-tile small { display: block; }.link-tile strong { font-family: var(--display); font-size: 19px; font-weight: 600; }.link-tile small { margin-top: 8px; color: var(--muted); font-size: 10px; }.link-tile b { color: var(--gold-soft); font-size: 22px; font-weight: 400; }

.inner-page, .about-page { padding: 96px 0 120px; animation: rise .7s ease both; }.inner-page h1, .about-page h1 { margin-top: 23px; font-size: clamp(44px, 6vw, 72px); }.intro { max-width: 600px; color: var(--muted); font-size: 15px; line-height: 1.8; }.rules-list { display: grid; gap: 18px; margin-top: 58px; }.rule-card { padding: 34px 36px; border: 1px solid var(--line); border-left: 2px solid var(--gold); background: linear-gradient(135deg, rgba(23, 25, 26, .98), rgba(14, 16, 17, .98)); box-shadow: 0 15px 45px rgba(0,0,0,.18); transition: border-color .3s, box-shadow .3s, transform .3s; }.rule-card:hover { border-color: var(--gold-soft); box-shadow: 0 16px 45px rgba(0,0,0,.28), 0 0 26px rgba(181, 138, 67, .1); transform: translateY(-4px); }.rule-top { display: flex; align-items: baseline; gap: 20px; border-bottom: 1px solid var(--line-soft); }.rule-top span { color: var(--gold-soft); font-size: 12px; font-weight: 800; }.rule-top h2, .info-section h2, .about-panel h2, .stats-section h2 { margin: 0 0 18px; color: var(--white); font-family: var(--display); font-size: 25px; font-weight: 600; letter-spacing: .01em; }.rule-card p, .info-section p, .about-panel p { color: var(--text); font-size: 15px; line-height: 1.8; }.penalty { margin-top: 25px; padding-top: 17px; border-top: 1px solid var(--line-soft); color: var(--gold-soft); font-size: 12px; font-weight: 700; }.penalty span { margin-right: 10px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.info-page { max-width: 900px; }.info-section { margin: 12px 0; padding: 30px 30px 32px; border: 1px solid var(--line); background: rgba(18, 20, 22, .72); }.info-section h2 { color: var(--gold-soft); margin-bottom: 13px; }.info-section p { max-width: 760px; margin: 0 0 12px; }.feature-list, .steps-list { display: grid; gap: 12px; margin: 21px 0 0; padding: 0; color: var(--text); font-size: 14px; line-height: 1.6; list-style: none; }.feature-list li { position: relative; padding: 10px 14px 10px 25px; border-bottom: 1px solid var(--line-soft); }.feature-list li::before { position: absolute; top: 21px; left: 0; width: 8px; height: 1px; content: ''; background: var(--gold-soft); }.steps-list { counter-reset: steps; }.steps-list li { display: grid; grid-template-columns: 30px 1fr; gap: 8px; counter-increment: steps; }.steps-list li::before { color: var(--gold-soft); content: counter(steps, decimal-leading-zero); font-weight: 800; }.important { border-left: 2px solid var(--gold); }.access-section { border-color: rgba(209, 169, 93, .38); box-shadow: 0 0 30px rgba(181, 138, 67, .06); }.inline-link { color: var(--gold-soft); text-decoration: underline; text-underline-offset: 4px; }
.about-page { max-width: 1080px; }.about-intro { max-width: 800px; margin: 36px 0 54px; }.about-panel { padding: 32px 34px; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(24, 26, 27, .98), rgba(13, 15, 16, .96)); box-shadow: 0 16px 45px rgba(0,0,0,.18); animation: rise .7s ease both; }.about-intro p { max-width: 720px; margin: 0; color: var(--white); font-family: var(--display); font-size: 22px; line-height: 1.6; }.about-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.section-kicker { margin-bottom: 20px; color: var(--gold-soft); font-size: 10px; font-weight: 800; letter-spacing: .16em; }.about-panel h2, .stats-section h2 { color: var(--gold-soft); }.about-panel p { margin: 0 0 14px; }.about-panel p:last-child { margin-bottom: 0; }.about-today { margin-top: 18px; border-color: rgba(209, 169, 93, .4); background: linear-gradient(120deg, rgba(46, 34, 18, .95), rgba(16, 18, 19, .96)); box-shadow: 0 0 34px rgba(181, 138, 67, .08); }.stats-section { margin-top: 64px; padding-top: 36px; border-top: 1px solid var(--line); }.stats-section h2 { margin-bottom: 25px; }.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.stat-card { min-height: 145px; padding: 24px 20px; border: 1px solid var(--line); background: rgba(18, 20, 22, .86); transition: transform .3s, border-color .3s, background .3s, box-shadow .3s; animation: rise .7s ease both; }.stat-card:nth-child(2) { animation-delay: .06s; }.stat-card:nth-child(3) { animation-delay: .12s; }.stat-card:nth-child(4) { animation-delay: .18s; }.stat-card:nth-child(5) { animation-delay: .24s; }.stat-card:nth-child(6) { animation-delay: .3s; }.stat-card:nth-child(7) { animation-delay: .36s; }.stat-card:hover { border-color: var(--gold-soft); background: var(--panel-raised); box-shadow: 0 0 24px rgba(181, 138, 67, .1); transform: translateY(-5px); }.stat-card strong, .stat-card span { display: block; }.stat-card strong { margin-bottom: 13px; color: var(--gold-soft); font-family: var(--display); font-size: 34px; font-weight: 600; }.stat-card span { color: var(--muted); font-size: 11px; line-height: 1.55; }.stat-card:last-child { grid-column: span 2; }
.about-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 28px; padding: 30px 34px; border: 1px solid rgba(209, 169, 93, .42); background: linear-gradient(110deg, rgba(48, 36, 19, .92), rgba(17, 19, 20, .98)); box-shadow: 0 0 34px rgba(181, 138, 67, .09); }.about-cta h2 { margin: 0 0 8px; color: var(--white); font-family: var(--display); font-size: 27px; font-weight: 600; }.about-cta p { margin: 0; color: var(--text); font-size: 14px; }
.site-footer { display: flex; justify-content: space-between; padding-top: 22px; padding-bottom: 30px; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 10px; letter-spacing: .08em; }.site-footer b { color: var(--gold-soft); font-weight: 600; }
@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) { .site-header { gap: 12px; padding: 14px 20px; }.brand-image { width: 46px; height: 46px; }.brand-copy strong { font-size: 12px; }.main-nav { display: none; }.menu-toggle { display: grid; }.page-shell { width: min(calc(100% - 40px), 1120px); }.hero { min-height: auto; padding: 82px 0 68px; }.hero h1, .inner-page h1, .about-page h1 { margin-top: 23px; font-size: clamp(40px, 12vw, 60px); line-height: 1.07; }.hero-copy { font-size: 14px; line-height: 1.75; }.button { max-width: 100%; padding: 16px 15px 16px 18px; gap: 14px; font-size: 10px; }.scroll-note { margin-top: 64px; font-size: 9px; }.link-grid { grid-template-columns: 1fr; gap: 9px; padding-bottom: 48px; }.link-tile { min-height: 108px; padding: 20px; }.inner-page, .about-page { padding-top: 66px; }.intro { font-size: 14px; }.rules-list { margin-top: 40px; }.rule-card { padding: 26px 21px; }.rule-top { gap: 13px; }.rule-top h2 { font-size: 19px; }.rule-card p, .info-section p, .about-panel p { font-size: 14px; }.info-section { padding: 27px 20px 29px; }.info-section h2, .about-panel h2, .stats-section h2 { font-size: 22px; }.feature-list, .steps-list { font-size: 13px; }.important { padding-left: 17px; }.about-intro { margin: 28px 0 35px; }.about-panel { padding: 24px 20px; }.about-intro p { font-size: 18px; }.about-story-grid { grid-template-columns: 1fr; gap: 12px; }.stats-section { margin-top: 44px; padding-top: 29px; }.stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.stat-card { min-height: 123px; padding: 19px 15px; }.stat-card strong { font-size: 28px; }.stat-card span { font-size: 10px; }.stat-card:last-child { grid-column: span 2; }.about-cta { align-items: flex-start; flex-direction: column; gap: 22px; padding: 24px 20px; }.about-cta h2 { font-size: 22px; }.site-footer { gap: 13px; align-items: flex-start; flex-direction: column; font-size: 9px; } }