:root{--color-bg:#0A0A0F;--color-bg-elevated:#12121A;--color-card:#16161F;--color-card-hover:#1C1C28;--color-surface:#1E1E2A;--color-text:#F1F1F4;--color-text-secondary:#8B8B9E;--color-text-muted:#5C5C6F;--color-primary:#00D26A;--color-primary-hover:#00E676;--color-primary-glow:rgba(0,210,106,0.25);--color-primary-text:#0A0A0F;--color-secondary:#F59E0B;--color-secondary-hover:#FBBF24;--color-secondary-glow:rgba(245,158,11,0.25);--color-trust:#3B82F6;--color-trust-hover:#60A5FA;--color-trust-glow:rgba(59,130,246,0.2);--color-success:#10B981;--color-warning:#F59E0B;--color-danger:#EF4444;--color-info:#3B82F6;--color-accent:var(--color-primary);--font-accent:var(--font-mono);--overlay-subtle:rgba(255,255,255,0.03);--overlay-light:rgba(255,255,255,0.05);--overlay-medium:rgba(255,255,255,0.08);--overlay-border:rgba(255,255,255,0.08);--overlay-border-light:rgba(255,255,255,0.05);--overlay-border-hover:rgba(0,210,106,0.3);--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 8px 40px rgba(0,0,0,0.5);--shadow-glow:0 0 24px rgba(0,210,106,0.3);--shadow-glow-amber:0 0 24px rgba(245,158,11,0.3);--font-heading:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--font-size-base:16px;--font-size-sm:14px;--font-size-xs:12px;--font-size-lg:18px;--h1-size:44px;--h2-size:32px;--h3-size:22px;--h4-size:18px;--line-height-body:1.7;--line-height-heading:1.2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--max-width:1200px;--sidebar-width:320px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:24px;--gap:24px;--gap-sm:12px;--gap-md:24px;--gap-lg:48px;--z-dropdown:100;--z-sticky:200;--z-navbar:300;--z-modal:400;--z-toast:500;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-body);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}[data-theme="light"]{--color-bg:#F8F9FB;--color-bg-elevated:#FFFFFF;--color-card:#FFFFFF;--color-card-hover:#F3F4F6;--color-surface:#F3F4F6;--color-text:#111827;--color-text-secondary:#4B5563;--color-text-muted:#9CA3AF;--overlay-subtle:rgba(0,0,0,0.03);--overlay-light:rgba(0,0,0,0.05);--overlay-medium:rgba(0,0,0,0.08);--overlay-border:rgba(0,0,0,0.1);--overlay-border-light:rgba(0,0,0,0.06);--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.12)}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--color-secondary);color:var(--color-primary-text);padding:12px 24px;border-radius:var(--radius-sm);font-weight:700;z-index:9999;text-decoration:none}.skip-link:focus{top:8px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:var(--h1-size);margin-bottom:16px}h2{font-size:var(--h2-size);margin-bottom:14px}h3{font-size:var(--h3-size);margin-bottom:12px}h4{font-size:var(--h4-size);margin-bottom:10px}@media (max-width:768px){h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}h4{font-size:18px}}p{margin-bottom:16px;color:var(--color-text-secondary)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}strong{color:var(--color-text)}.stat-number{font-family:var(--font-accent);font-weight:700;color:var(--color-secondary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gap)}.section{padding:80px 0}@media (max-width:768px){.section{padding:48px 0}}.grid{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.gap-sm{gap:12px}.gap-md{gap:24px}.gap-lg{gap:48px}.content-layout{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:40px;max-width:var(--max-width);margin:0 auto;padding:0 var(--gap)}@media (max-width:1024px){.content-layout{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:700;font-size:16px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);background:var(--color-primary-hover);box-shadow:var(--shadow-glow);color:var(--color-primary-text)}.btn-outline{background:transparent;color:var(--color-text);border:2px solid var(--color-secondary)}.btn-outline:hover{background:var(--color-secondary);color:var(--color-primary-text)}.btn-accent{background:var(--color-secondary);color:var(--color-primary-text)}.btn-accent:hover{transform:translateY(-2px);background:var(--color-secondary-hover);box-shadow:var(--shadow-glow-amber)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,0.12)}.btn-ghost:hover{color:var(--color-text);border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.04)}.btn-sm{padding:10px 20px;font-size:14px}.btn-lg{padding:18px 36px;font-size:18px}.card{background:var(--color-card);border-radius:var(--radius);padding:var(--gap);border:1px solid var(--overlay-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;font-size:13px;font-weight:600;line-height:1}.badge-gold{background:var(--color-secondary-glow);color:var(--color-secondary);border:1px solid rgba(245,158,11,0.3)}.badge-green{background:rgba(16,185,129,0.15);color:var(--color-success);border:1px solid rgba(16,185,129,0.3)}.badge-red{background:rgba(239,68,68,0.15);color:var(--color-danger);border:1px solid rgba(239,68,68,0.3)}.star-rating{display:inline-flex;gap:2px;color:var(--color-secondary);font-size:18px}.star-rating .star-empty{color:rgba(245,158,11,0.25)}.star-rating .star-half{position:relative}.form-input{width:100%;padding:14px 18px;background:var(--color-card);border:1px solid var(--overlay-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:16px;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-input::placeholder{color:var(--color-text-secondary)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);margin:32px 0}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:calc(var(--z-navbar) + 1);transition:width 50ms linear}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:var(--color-primary);color:var(--color-primary-text);border:none;border-radius:50%;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.notification-bar{background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary-hover));color:var(--color-primary-text);text-align:center;padding:10px var(--gap);font-size:14px;font-weight:600;position:relative;z-index:calc(var(--z-navbar) + 1)}.notification-bar a{color:var(--color-primary-text);text-decoration:underline}.notification-bar .dismiss-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-primary-text);font-size:18px;cursor:pointer;padding:4px;line-height:1}.notification-bar.hidden{display:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-in{animation:fadeInUp 0.6s ease forwards;opacity:0}.animate-delay-1{animation-delay:0.1s}.animate-delay-2{animation-delay:0.2s}.animate-delay-3{animation-delay:0.3s}.animate-delay-4{animation-delay:0.4s}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-card);border-top:1px solid rgba(255,255,255,0.1);padding:20px var(--gap);z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--transition-base);box-shadow:0 -4px 24px rgba(0,0,0,0.4)}.cookie-banner.visible{transform:translateY(0)}.cookie-banner .cookie-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}@media (max-width:768px){.cookie-banner .cookie-content{flex-direction:column;text-align:center}}.cookie-banner p{margin:0;font-size:14px}.cookie-buttons{display:flex;gap:12px;flex-shrink:0}.age-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--gap)}.age-modal-overlay.hidden{display:none}.age-modal{background:var(--color-card);border-radius:var(--radius-lg);padding:48px;text-align:center;max-width:480px;width:100%;border:1px solid rgba(245,158,11,0.2)}.age-modal h2{margin-bottom:16px}.age-modal p{margin-bottom:32px}.age-modal .age-buttons{display:flex;gap:16px;justify-content:center}.age-modal .age-denied{display:none;color:var(--color-danger);margin-top:20px;font-weight:600}.social-share{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:var(--z-sticky)}@media (max-width:1280px){.social-share{position:fixed;left:0;right:0;top:auto;bottom:0;transform:none;flex-direction:row;justify-content:center;background:var(--color-card);padding:12px;border-top:1px solid rgba(255,255,255,0.1);gap:12px}}.social-share a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-card);color:var(--color-text-secondary);font-size:18px;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,0.08)}.social-share a:hover{background:var(--color-primary);color:var(--color-primary-text);transform:scale(1.1)}@media (max-width:375px){:root{--gap:16px;--h1-size:28px;--h2-size:22px;--h3-size:18px;--h4-size:16px}.container{padding:0 12px}.btn{padding:12px 20px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.card{padding:16px}.section{padding:32px 0}}.text-center{text-align:center}.text-gold{color:var(--color-secondary)}.text-green{color:var(--color-accent)}.text-muted{color:var(--color-text-secondary)}.text-sm{font-size:14px}.text-lg{font-size:20px}.text-xl{font-size:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:48px}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}