/* 499bet Design System - Emerald Trust Gaming UI */
:root{
--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-soft:rgba(13,148,136,.12);
--color-secondary:#f59e0b;--color-accent:#6366f1;
--color-bg:#0c1222;--color-bg-soft:#111b2e;--color-surface:#162036;--color-surface-strong:#1a2744;
--color-card:#15202f;--color-card-alt:#1a2842;
--color-border:rgba(13,148,136,.22);--color-border-strong:rgba(13,148,136,.4);
--color-text:#d1d5db;--color-text-soft:#9ca3af;--color-text-muted:#6b7280;
--color-white:#fff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;
--color-footer-bg:#080e1a;--color-footer-text:#9ca3af;
--gradient-hero:linear-gradient(135deg,rgba(13,148,136,.18),rgba(99,102,241,.12),transparent);
--gradient-button:linear-gradient(135deg,#0d9488,#0f766e);
--gradient-card-border:linear-gradient(135deg,rgba(13,148,136,.3),rgba(245,158,11,.2));
--gradient-cta:linear-gradient(135deg,rgba(13,148,136,.15),rgba(99,102,241,.1));
--shadow-card:0 8px 32px rgba(0,0,0,.3);--shadow-card-hover:0 16px 48px rgba(0,0,0,.4);
--shadow-header:0 2px 20px rgba(0,0,0,.4);--shadow-button:0 4px 16px rgba(13,148,136,.3);
--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
--font-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--fs-h1:clamp(2rem,4.5vw,3.2rem);--fs-h2:clamp(1.5rem,3vw,2.4rem);--fs-h3:clamp(1.15rem,2vw,1.5rem);
--fs-body:1.0625rem;--fs-small:.875rem;--fs-nav:clamp(13px,.84vw,15px);
--lh-body:1.75;--lh-heading:1.2;
--container-max:1200px;--container-narrow:820px;
--section-y:clamp(48px,6vw,80px);--section-y-sm:clamp(32px,4vw,56px);
--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:48px;
--header-h:72px;--mobile-header-h:64px;
--motion-fast:.15s;--motion-normal:.3s;--motion-slow:.5s;
--ease-out:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);line-height:var(--lh-body);font-size:var(--fs-body);overflow-x:hidden}
a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-fast)}
a:hover{color:var(--color-secondary)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;font:inherit;border:none;background:none}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Container */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,3vw,24px)}
.section-pad{padding:var(--section-y) 0}

/* ─── HEADER ─── */
.site-header{position:sticky;top:0;z-index:1000;width:100%;background:rgba(12,18,34,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-header)}
.header-inner{width:100%;max-width:none;padding-left:clamp(10px,1.2vw,20px);padding-right:clamp(10px,1.2vw,20px);min-height:var(--header-h);display:flex;align-items:center;gap:clamp(10px,1vw,18px)}
.brand-wrap{flex:0 0 auto;margin-right:clamp(4px,.8vw,14px)}
.site-logo{display:block;width:auto;height:clamp(32px,3vw,42px);max-width:clamp(118px,10vw,168px);object-fit:contain}
.primary-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(6px,.72vw,14px);white-space:nowrap;overflow:visible}
.primary-nav a{flex:0 1 auto;min-width:0;padding:9px clamp(6px,.65vw,12px);font-size:var(--fs-nav);line-height:1;white-space:nowrap;color:var(--color-text);font-weight:600;border-radius:var(--radius-sm);transition:all var(--motion-fast)}
.primary-nav a:hover,.primary-nav a.active{color:var(--color-secondary);background:rgba(245,158,11,.08)}
.header-actions{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,.6vw,10px);white-space:nowrap}
.nav-toggle{display:none;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-sm);background:rgba(255,255,255,.06);border:1px solid var(--color-border)}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--motion-fast)}
.mobile-menu{display:none;position:fixed;left:12px;right:12px;top:calc(var(--header-h) + 8px);background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto;z-index:999;box-shadow:0 16px 48px rgba(0,0,0,.5)}
.mobile-menu.is-open{display:block}
.mobile-nav{display:flex;flex-direction:column;gap:2px}
.mobile-nav a{display:block;padding:14px 16px;color:var(--color-text);font-weight:600;font-size:1rem;border-radius:var(--radius-sm);transition:background var(--motion-fast)}
.mobile-nav a:hover{background:rgba(13,148,136,.1);color:var(--color-secondary)}

@media(max-width:1180px){
.primary-nav{display:none}
.nav-toggle{display:inline-flex}
.site-header .header-inner{width:100%;max-width:none;padding-left:clamp(8px,2.4vw,14px);padding-right:clamp(8px,2.4vw,14px);justify-content:flex-start;gap:clamp(6px,1.8vw,10px)}
.brand-wrap{flex:0 1 auto;margin-right:0}
.site-logo{height:clamp(30px,8vw,40px);max-width:clamp(104px,27vw,138px)}
.header-actions{margin-left:auto;flex:0 0 auto;justify-content:flex-end}
}
@media(max-width:375px){
.site-header .header-inner{padding-left:8px;padding-right:8px;gap:6px}
.site-logo{max-width:104px}
.nav-toggle{flex-basis:38px;width:38px;height:38px}
}

/* ─── BUTTONS ─── */
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-weight:700;font-size:.9375rem;border-radius:var(--radius-pill);transition:all var(--motion-fast);min-height:44px;text-align:center}
.btn-primary{background:var(--gradient-button);color:var(--color-white);box-shadow:var(--shadow-button)}
.btn-primary:hover{filter:brightness(1.1);color:var(--color-white);transform:translateY(-1px)}
.btn-secondary{border:1.5px solid var(--color-primary);color:var(--color-primary);background:transparent}
.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}
.w-full{width:100%}

/* ─── HERO ─── */
.home-hero{padding:clamp(100px,12vw,140px) 0 clamp(60px,8vw,80px);background:var(--gradient-hero)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap-xl);align-items:center}
.hero-eyebrow{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:700}
.hero-title{font-size:var(--fs-h1);line-height:var(--lh-heading);font-weight:800;color:var(--color-white);margin:12px 0 8px}
.hero-accent-line{width:86px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-pill);margin:14px 0 24px}
.hero-lead,.hero-sub{color:var(--color-text-soft);margin-bottom:16px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.hero-card-panel{background:linear-gradient(180deg,var(--color-surface),var(--color-card));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}
.hero-info-card{background:var(--color-card-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin-bottom:16px}
.hero-info-card .card-label{color:var(--color-secondary);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.hero-info-card h3{color:var(--color-white);font-size:var(--fs-h3);margin:8px 0}
.hero-info-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.hero-mini-card{background:var(--color-card-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}
.hero-mini-card h4{color:var(--color-white);font-size:1rem;margin:8px 0 4px}
.hero-mini-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
.mini-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:50%;font-size:1.2rem;color:var(--color-primary)}
.hero-showcase-img{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;gap:var(--gap-lg)}
.home-hero{padding:calc(var(--header-h) + 32px) 0 48px}
}

/* ─── TRUST STRIP ─── */
.home-trust-strip{border-top:1px solid rgba(13,148,136,.12);border-bottom:1px solid rgba(13,148,136,.12);background:rgba(255,255,255,.015);padding:16px 0}
.trust-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.trust-pill{color:var(--color-text-soft);border:1px solid rgba(13,148,136,.18);border-radius:var(--radius-pill);padding:8px 18px;font-weight:600;font-size:var(--fs-small);text-align:center;white-space:nowrap}

/* ─── SECTIONS ─── */
.section-header{margin-bottom:var(--gap-xl)}
.section-header.center{text-align:center;max-width:860px;margin-left:auto;margin-right:auto;margin-bottom:var(--gap-xl)}
.section-eyebrow{color:var(--color-secondary);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:8px}
.section-header h2,.content-flow h2{font-size:var(--fs-h2);color:var(--color-white);line-height:var(--lh-heading);margin-bottom:16px}
.section-header p{color:var(--color-text-soft);max-width:860px}
.section-visual-center{text-align:center;margin-top:var(--gap-xl)}

/* ─── CONTENT CARDS ─── */
.content-img{border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border);width:100%;height:auto}
.rounded-img{border-radius:var(--radius-lg)}
.overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap-xl);align-items:start}
.overview-content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(24px,3vw,40px);box-shadow:var(--shadow-card)}
.overview-content-card .card-label{color:var(--color-secondary);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.overview-content-card h3{color:var(--color-white);font-size:var(--fs-h3);margin:8px 0 16px}
.overview-content-card p{color:var(--color-text-soft);margin-bottom:16px}
.overview-visual{display:flex;align-items:center}
@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}

/* ─── CHECK LIST ─── */
.check-list{padding:0;margin:16px 0}
.check-list li{position:relative;padding-left:28px;margin-bottom:10px;color:var(--color-text-soft)}
.check-list li::before{content:"\2713";color:var(--color-primary);position:absolute;left:0;top:1px;font-weight:700}

/* ─── FEATURE CARDS ─── */
.feature-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md)}
.feature-card-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:clamp(20px,2vw,28px);box-shadow:var(--shadow-card);transition:transform var(--motion-normal) var(--ease-out),box-shadow var(--motion-normal)}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.feature-icon-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:50%;font-size:1.4rem;margin-bottom:14px}
.feature-card h3{color:var(--color-white);font-size:1.1rem;margin-bottom:8px}
.feature-card p{color:var(--color-text-soft);font-size:var(--fs-small);line-height:1.7}
@media(max-width:900px){.feature-card-grid{grid-template-columns:repeat(2,1fr)}.feature-card-grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.feature-card-grid,.feature-card-grid.cols-3{grid-template-columns:1fr}}

/* ─── COMPARE ─── */
.compare-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--gap-xl);align-items:start}
.compare-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(24px,3vw,40px)}
.compare-main h2{color:var(--color-white);font-size:var(--fs-h2)}
.compare-main p{color:var(--color-text-soft);margin-bottom:20px}
.table-scroll{overflow-x:auto;margin-top:20px}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th,.compare-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(13,148,136,.12)}
.compare-table th{color:var(--color-secondary);font-weight:700;font-size:var(--fs-small)}
.compare-table td{color:var(--color-text-soft);font-size:var(--fs-small)}
.privacy-note-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(20px,2vw,28px);margin-bottom:20px}
.privacy-note-card .card-label{color:var(--color-secondary);font-weight:700;font-size:.82rem;text-transform:uppercase}
.privacy-note-card h3{color:var(--color-white);margin:8px 0 12px;font-size:var(--fs-h3)}
.privacy-note-card p{color:var(--color-text-soft)}
@media(max-width:900px){.compare-layout{grid-template-columns:1fr}}

/* ─── STEPS ─── */
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md)}
.step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:clamp(20px,2vw,28px);box-shadow:var(--shadow-card)}
.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:50%;font-size:1.2rem;font-weight:800;color:var(--color-primary);margin-bottom:14px}
.step-card h3{color:var(--color-white);font-size:1.05rem;margin-bottom:8px}
.step-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
@media(max-width:900px){.step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.step-grid{grid-template-columns:1fr}}

/* ─── TIERS ─── */
.membership-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--gap-xl);align-items:start}
.membership-intro h2{color:var(--color-white);font-size:var(--fs-h2)}
.membership-intro p{color:var(--color-text-soft);margin-top:16px}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}
.tier-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(20px,2vw,28px);text-align:center}
.tier-card.featured{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 8px 32px rgba(13,148,136,.2)}
.tier-label{color:var(--color-secondary);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.tier-card h3{color:var(--color-white);margin:8px 0}
.tier-level{font-size:var(--fs-h2);font-weight:800;color:var(--color-secondary);margin-bottom:16px}
@media(max-width:900px){.membership-layout{grid-template-columns:1fr}.tier-grid{grid-template-columns:1fr}.tier-card.featured{transform:none}}

/* ─── DUAL CARDS ─── */
.dual-card-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl)}
.dual-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(24px,3vw,40px)}
.dual-card h2{color:var(--color-white);font-size:var(--fs-h3);margin-bottom:16px}
.dual-card p{color:var(--color-text-soft);margin-bottom:16px}
.dual-card-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
@media(max-width:900px){.dual-card-layout{grid-template-columns:1fr}}

/* ─── REVIEWS ─── */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}
.review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(20px,2vw,28px)}
.review-stars{color:var(--color-secondary);font-size:1.2rem;letter-spacing:.1em;margin-bottom:12px}
.review-card p{color:var(--color-text-soft);font-size:var(--fs-small);font-style:italic;margin-bottom:16px}
.review-author{display:flex;align-items:center;gap:8px}
.review-author strong{color:var(--color-white)}
.review-author span{color:var(--color-text-muted);font-size:var(--fs-small)}
@media(max-width:900px){.review-grid{grid-template-columns:1fr}}

/* ─── CTA ─── */
.final-cta-card{background:var(--gradient-cta);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(32px,4vw,56px);text-align:center}
.final-cta-card h2{color:var(--color-white);font-size:var(--fs-h2);margin-bottom:16px}
.final-cta-card p{color:var(--color-text-soft);max-width:920px;margin:0 auto 24px}
.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ─── FAQ ─── */
.faq-list{max-width:var(--container-narrow);margin:0 auto}
.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden;background:var(--color-surface)}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;text-align:left;color:var(--color-white);font-weight:600;font-size:1rem;background:transparent;transition:background var(--motion-fast)}
.faq-trigger:hover{background:rgba(13,148,136,.06)}
.faq-trigger span{flex:1;padding-right:12px}
.faq-chevron{flex-shrink:0;transition:transform var(--motion-normal);color:var(--color-primary)}
.faq-trigger[aria-expanded="true"] .faq-chevron{transform:rotate(180deg)}
.faq-answer{display:none;padding:0 20px 18px}
.faq-answer p{color:var(--color-text-soft);line-height:1.8}
.faq-item.is-open .faq-answer{display:block}

/* ─── INNER PAGES ─── */
.inner-opening{padding-top:calc(var(--header-h) + 32px)}
.opening-split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap-xl);align-items:center}
.opening-centered{text-align:center;max-width:860px;margin:0 auto}
.opening-centered h1{color:var(--color-white);font-size:var(--fs-h1);margin:12px 0 20px}
.opening-centered p{color:var(--color-text-soft);margin-bottom:16px}
.opening-text h1{color:var(--color-white);font-size:var(--fs-h1);margin:12px 0 8px}
.opening-text p{color:var(--color-text-soft);margin-bottom:16px}
.opening-actions{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}
@media(max-width:900px){.opening-split{grid-template-columns:1fr}.inner-opening{padding-top:calc(var(--mobile-header-h) + 24px)}}

/* ─── CONTENT FLOW ─── */
.content-flow{max-width:var(--container-narrow);margin:0 auto}
.content-flow h2{margin-top:var(--gap-xl)}
.content-flow h3{color:var(--color-white);font-size:var(--fs-h3);margin:var(--gap-lg) 0 12px}
.content-flow p{color:var(--color-text-soft);margin-bottom:18px;line-height:1.85}
.content-visual-break{margin:var(--gap-xl) 0}

/* ─── BREADCRUMB ─── */
.breadcrumb-nav{margin-bottom:24px}
.breadcrumb-list{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-small);color:var(--color-text-muted)}
.breadcrumb-item a{color:var(--color-text-muted)}
.breadcrumb-item a:hover{color:var(--color-primary)}
.breadcrumb-item+.breadcrumb-item::before{content:"/";margin-right:6px;color:var(--color-text-muted)}
.breadcrumb-item.active{color:var(--color-text-soft)}

/* ─── RELATED ─── */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md);margin-top:var(--gap-lg)}
.related-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all var(--motion-fast)}
.related-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}
.related-card h4{color:var(--color-white);margin-bottom:8px}
.related-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.related-grid{grid-template-columns:1fr}}

/* ─── OFFERS ─── */
.offer-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md);margin:var(--gap-lg) 0}
.offer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(20px,2vw,28px)}
.offer-card h3{color:var(--color-white);margin-bottom:8px}
.offer-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
@media(max-width:540px){.offer-card-grid{grid-template-columns:1fr}}

/* ─── GAME HUB ─── */
.game-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md)}
.game-hub-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--motion-normal)}
.game-hub-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.game-hub-img{overflow:hidden}
.game-hub-img img{width:100%;transition:transform var(--motion-slow)}
.game-hub-card:hover .game-hub-img img{transform:scale(1.03)}
.game-hub-card h3{color:var(--color-white);padding:16px 20px 4px;font-size:1.1rem}
.game-hub-card p{color:var(--color-text-soft);padding:0 20px 20px;font-size:var(--fs-small)}
@media(max-width:900px){.game-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.game-hub-grid{grid-template-columns:1fr}}

/* ─── AUTH / LOGIN / REGISTER ─── */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl);align-items:start}
.auth-layout.reverse{direction:rtl}.auth-layout.reverse>*{direction:ltr}
.auth-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(24px,3vw,36px);margin:24px 0}
.auth-form-card h2{color:var(--color-white);margin-bottom:20px}
.form-group{margin-bottom:16px}
.form-group label{display:block;color:var(--color-text-soft);font-size:var(--fs-small);font-weight:600;margin-bottom:6px}
.form-group input{width:100%;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;transition:border-color var(--motion-fast)}
.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-soft)}
.form-note{font-size:var(--fs-small);color:var(--color-text-muted);margin-bottom:16px}
.auth-help{font-size:var(--fs-small);color:var(--color-text-muted);margin-top:12px;text-align:center}
.auth-security-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin-top:20px}
.auth-security-note h3{color:var(--color-white);margin-bottom:12px}
.auth-trust-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin:20px 0}
.auth-trust-card h3{color:var(--color-white);margin-bottom:8px}
.auth-trust-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
.register-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.benefit-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}
.benefit-card h4{color:var(--color-white);font-size:.95rem;margin-bottom:6px}
.benefit-card p{color:var(--color-text-soft);font-size:var(--fs-small)}
@media(max-width:900px){.auth-layout,.auth-layout.reverse{grid-template-columns:1fr;direction:ltr}.register-benefit-grid{grid-template-columns:1fr}}

/* ─── POLICY PAGES ─── */
.policy-header{max-width:var(--container-narrow);margin:0 auto}
.policy-header h1{color:var(--color-white);font-size:var(--fs-h1)}
.policy-updated{color:var(--color-text-muted);font-size:var(--fs-small);margin-top:8px}
.policy-opening{padding-top:calc(var(--header-h) + 32px)}
.policy-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:var(--gap-xl);max-width:var(--container-narrow);margin-left:auto;margin-right:auto}
.policy-toc h3{color:var(--color-white);margin-bottom:12px}
.policy-toc ol{padding-left:20px;list-style:decimal}
.policy-toc li{color:var(--color-text-soft);margin-bottom:6px;font-size:var(--fs-small)}
.policy-body .content-flow{max-width:var(--container-narrow);margin:0 auto}
@media(max-width:900px){.policy-opening{padding-top:calc(var(--mobile-header-h) + 24px)}}

/* ─── 404 ─── */
.error-section{text-align:center;padding-top:calc(var(--header-h) + 60px)}
.error-content h1{color:var(--color-white);font-size:var(--fs-h1);margin-bottom:20px}
.error-content p{color:var(--color-text-soft);margin-bottom:16px}
.error-links{display:flex;justify-content:center;gap:14px;margin-top:28px;flex-wrap:wrap}

/* ─── FOOTER ─── */
.site-footer{background:var(--color-footer-bg);border-top:1px solid var(--color-border);padding-top:clamp(40px,5vw,64px)}
.footer-inner{max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,3vw,24px);display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--gap-xl)}
.footer-brand img{margin-bottom:16px}
.footer-brand p{color:var(--color-footer-text);font-size:var(--fs-small);margin-bottom:12px;line-height:1.7}
.footer-email{color:var(--color-footer-text);font-size:var(--fs-small)}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md)}
.footer-col h4{color:var(--color-white);font-size:.95rem;margin-bottom:14px}
.footer-col ul{list-style:none;padding:0}
.footer-col li{margin-bottom:8px}
.footer-col a{color:var(--color-footer-text);font-size:var(--fs-small);transition:color var(--motion-fast)}
.footer-col a:hover{color:var(--color-secondary)}
.footer-bottom{border-top:1px solid rgba(13,148,136,.1);margin-top:clamp(32px,4vw,48px);padding:20px 0}
.footer-bottom-inner{max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,3vw,24px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{color:var(--color-text-muted);font-size:var(--fs-small)}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.footer-grid{grid-template-columns:1fr}.footer-bottom-inner{flex-direction:column;text-align:center}}

/* ─── AOS FALLBACK ─── */
[data-aos]{opacity:1!important;transform:none!important}