@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth}:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-tertiary:#1e293b;--bg-glass:#111827b3;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-cyan:#06b6d4;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#1e293b;--border-accent:#3b82f64d;--gradient-hero:linear-gradient(135deg, #0a0f1a 0%, #1a1a3e 50%, #0a0f1a 100%);--gradient-card:linear-gradient(145deg, #111827, #1e293b);--glow-blue:0 0 20px #3b82f626;--glow-green:0 0 20px #10b98126}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2}h1{letter-spacing:-.02em;font-size:48px;font-weight:800}h2{margin-bottom:24px;font-size:32px;font-weight:700}h3{margin-bottom:16px;font-size:20px;font-weight:600}p{color:var(--text-secondary);margin-bottom:16px;font-size:16px}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-cyan)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--glow-blue);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 0 30px #3b82f640}.metric-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-blue);border-radius:16px;flex-direction:column;justify-content:center;padding:24px;transition:transform .2s;display:flex}.metric-card:hover{transform:translateY(-4px)}.metric-card .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:500}.metric-card .value{font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:56px;font-weight:800;line-height:1.1}section{border-bottom:1px solid var(--border-subtle);padding:100px 0}button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-weight:500;transition:all .2s}button:hover{background:var(--border-subtle);border-color:var(--accent-blue)}button.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f633}.recharts-tooltip-wrapper{outline:none!important}.custom-tooltip{color:var(--text-primary);border-radius:8px;padding:12px;box-shadow:0 4px 6px -1px #00000080;background:var(--bg-secondary)!important;border:1px solid var(--border-subtle)!important}.custom-tooltip .label{color:var(--text-muted);margin-bottom:4px;font-size:12px}@media (width<=768px){h1{font-size:36px}h2{font-size:24px}h3{font-size:18px}.container{padding:0 16px}section{padding:60px 0}#hero>div>div:nth-child(2),#architecture>div>div>div,#simulation>div>div>div:nth-child(2),#evaluation>div>div>div{grid-template-columns:1fr}.metric-card .value{font-size:40px}nav .container{flex-direction:column;gap:12px}}