:root{--bg-color: #f8fafc;--text-main: #334155;--text-muted: #64748b;--heading-color: #0f172a;--card-bg: #ffffff;--card-border: rgba(226, 232, 240, .8);--accent-primary: #3b82f6;--accent-secondary: #2563eb;--accent-gradient: linear-gradient(135deg, #3b82f6, #6366f1);--table-header-bg: #f1f5f9;--table-header-color: #475569;--table-border: #e2e8f0;--table-row-hover: #f8fafc;--math-color: #dc2626;--math-bg: #fef2f2;--result-bg: #f0fdf4;--result-border: #86efac;--nav-bg: rgba(255, 255, 255, .85);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 25px rgba(59, 130, 246, .15);--radius-md: 12px;--radius-lg: 16px}[data-theme=dark]{--bg-color: #0f172a;--text-main: #cbd5e1;--text-muted: #94a3b8;--heading-color: #f8fafc;--card-bg: #1e293b;--card-border: rgba(51, 65, 85, .8);--accent-primary: #60a5fa;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, #60a5fa, #818cf8);--table-header-bg: #0f172a;--table-header-color: #f1f5f9;--table-border: #334155;--table-row-hover: #0f172a;--math-color: #fca5a5;--math-bg: rgba(220, 38, 38, .1);--result-bg: rgba(22, 101, 52, .2);--result-border: #22c55e;--nav-bg: rgba(30, 41, 59, .85);--shadow-glow: 0 0 25px rgba(96, 165, 250, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:var(--text-main);background-color:var(--bg-color);transition:background-color .4s ease,color .4s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:0 24px 60px}h1,h2,h3,h4{font-family:Outfit,sans-serif;color:var(--heading-color);line-height:1.2}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}strong{font-weight:600;color:var(--heading-color)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);transition:all .3s ease}.navbar.scrolled{box-shadow:var(--shadow-sm)}.nav-content{max-width:1000px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--heading-color)}.logo-icon,.logo span{color:var(--accent-primary)}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{color:var(--accent-primary);background-color:#64748b1a}.hidden{display:none!important}.hero{margin-top:120px;margin-bottom:60px;text-align:center}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.subtitle{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}.badge{display:inline-block;padding:4px 12px;background:var(--accent-gradient);color:#fff;font-size:.875rem;font-weight:600;border-radius:99px;margin-bottom:16px;letter-spacing:.05em;text-transform:uppercase}.experiments-grid{display:flex;flex-direction:column;gap:40px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;transform:translateY(20px)}.card.visible{opacity:1;transform:translateY(0)}.card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary)}.card-header{padding:24px 32px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background-color:#00000003}.card-header h2{font-size:1.5rem;margin:0}.experiment-type{font-size:.875rem;font-weight:600;color:var(--accent-primary);background:#3b82f61a;padding:4px 12px;border-radius:6px}.card-body{padding:32px}.aim{font-size:1.1rem;padding:16px;background:#3b82f60d;border-left:4px solid var(--accent-primary);border-radius:0 8px 8px 0;margin-bottom:32px}.section-block{margin-bottom:32px}.section-block h3{font-size:1.25rem;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--card-border);display:inline-block}.prop-list,.eq-list{list-style:none}.prop-list li{margin-bottom:8px;padding-left:20px;position:relative}.prop-list li:before{content:"•";color:var(--accent-primary);position:absolute;left:0;font-weight:700}.prop-label{font-weight:600;color:var(--heading-color)}.test-title{font-weight:600;color:var(--accent-secondary);margin:20px 0 12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.mt-4{margin-top:1.5rem}.mt-2{margin-top:.5rem}.table-responsive{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--table-border);margin-bottom:16px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--table-border)}th{background-color:var(--table-header-bg);color:var(--table-header-color);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr{transition:background-color .2s ease}tr:hover td{background-color:var(--table-row-hover)}.math{font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--math-color);background-color:var(--math-bg);padding:2px 6px;border-radius:4px;display:inline-block;transition:transform .2s ease}.math:hover{transform:translateY(-2px)}.reactions .eq-list li{margin-bottom:12px;padding:12px;background:var(--table-header-bg);border-radius:8px;border:1px solid var(--card-border)}.calculation-box .formula{font-family:JetBrains Mono,monospace;font-size:1.1rem;color:var(--heading-color);margin-bottom:8px}.result-box{margin-top:40px;padding:24px;background:var(--result-bg);border:1px solid var(--result-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.result-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--result-border)}.result-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:var(--heading-color);margin-bottom:12px}.result-list{list-style:none;margin-top:12px}.result-list li{margin-bottom:8px}#scroll-top{position:fixed;bottom:32px;right:32px;background:var(--accent-gradient);color:#fff;width:48px;height:48px;border-radius:50%;box-shadow:var(--shadow-lg);border:none;cursor:pointer;z-index:99;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}#scroll-top.hidden{opacity:0;transform:translateY(20px);pointer-events:none}#scroll-top:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}.slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.card-body,.card-header{padding:20px}.hero{margin-top:100px}#scroll-top{bottom:20px;right:20px}}