@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@400;500;600;700;800&display=swap');@custom-variant dark (&:where(.dark-mode-active,.dark-mode-active *));:root{--font-headings:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--color-emerald-50:#EEFDF4;--color-emerald-100:#D5F5E3;--color-emerald-200:#A9DFBF;--color-emerald-300:#58D68D;--color-emerald-400:#2ECC71;--color-emerald-500:#27AE60;--color-emerald-600:#219653;--color-emerald-700:#1E8449;--color-emerald-800:#145A32;--color-emerald-900:#0B3019;--color-emerald-950:#05180C;--color-gray-50:#F8F9FA;--color-gray-100:#F1F3F5;--color-gray-200:#E9ECEF;--color-gray-300:#CED4DA;--color-gray-400:#495057;--color-gray-500:#343A40;--color-gray-600:#212529;--color-gray-700:#1A1A1A;--color-gray-800:#111111;--color-gray-900:#000000;}body{font-family:var(--font-body);background-color:#ffffff;color:#111111;transition:background-color 0.3s ease,color 0.3s ease;}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);}html{scroll-behavior:smooth;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(75,85,99,0.4);border-radius:9999px;}::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,0.5);}#scroll-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#2ECC71,#27AE60);z-index:100;width:0%;transition:width 0.1s ease-out;}.glass{background:rgba(255,255,255,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(33,37,41,0.08);box-shadow:0 4px 30px rgba(0,0,0,0.03);}.hover-lift{transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease;}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px rgba(0,0,0,0.3),0 8px 10px -6px rgba(0,0,0,0.3);}.fade-in{animation:fadeIn 0.4s ease-out forwards;}@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.adsense-placeholder{position:relative;background:repeating-linear-gradient( 45deg,rgba(75,85,99,0.05),rgba(75,85,99,0.05) 10px,rgba(75,85,99,0.1) 10px,rgba(75,85,99,0.1) 20px );border:1px dashed rgba(75,85,99,0.3);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;transition:all 0.3s ease;}.toc-link.active{color:#10b981;font-weight:600;border-left-color:#10b981;padding-left:0.75rem;}