@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#030712;--bg-gradient:linear-gradient(to bottom right, #030712, #0f172a);--card:#0f172a99;--card-border:#33415580;--line:#3341554d;--fg:#f8fafc;--muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--accent2:#10b981;--ok:#10b981;--warn:#f59e0b;--info:#3b82f6;--nav-bg:#030712b3;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;min-height:100vh;margin:0;line-height:1.6;display:flex}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3,h4{color:var(--fg);letter-spacing:-.025em;margin:0;font-weight:700}h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 16px;font-size:40px;font-weight:800}h2{border-bottom:1px solid var(--line);margin:64px 0 20px;padding-bottom:12px;font-size:26px;font-weight:700}h3{color:var(--fg);margin:32px 0 12px;font-size:18px}p{color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.7}.lead{color:var(--muted);margin-bottom:32px;font-size:18px;line-height:1.5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-card{background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.badges{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.pill{border:1px solid var(--card-border);background:var(--card);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;padding:6px 16px;font-size:12px;font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}@media (width<=768px){.grid2{grid-template-columns:1fr}}.card{background:var(--card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card h3{color:var(--fg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}pre{border:1px solid var(--card-border);font-family:var(--mono);color:#c9d1d9;background:#0d1117;border-radius:12px;margin:0 0 24px;padding:20px;font-size:14px;line-height:1.5;overflow-x:auto}.step{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;gap:20px;margin-bottom:20px;padding:24px;display:flex}.step .num{color:var(--accent);background:#3b82f61a;border:1px solid #3b82f633;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step h4{color:var(--fg);margin:0 0 8px;font-size:16px}.step p{color:var(--muted);margin:0;font-size:15px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-oss{color:var(--ok);background:#10b9811a;border:1px solid #10b98133}.badge-team{color:var(--info);background:#3b82f61a;border:1px solid #3b82f633}.badge-mc{color:var(--warn);background:#f59e0b1a;border:1px solid #f59e0b33}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);box-shadow:0 4px 14px #3b82f663;color:#fff!important}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f63b;text-decoration:none!important}.bg-ok{background:var(--ok)}.bg-info{background:var(--info)}.bg-warn{background:var(--warn)}.layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.header{z-index:40;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;height:64px;display:flex;position:sticky;top:0}.header-inner{align-items:center;display:flex}.brand{letter-spacing:.5px;color:var(--fg);align-items:center;gap:8px;margin-right:48px;font-size:20px;font-weight:800;display:flex}.brand .brand-text span,.brand-icon{color:var(--accent)}.top-nav{gap:32px;display:flex}.top-nav a{color:var(--muted);padding:20px 0;font-size:15px;font-weight:500;position:relative}.top-nav a:hover{color:var(--fg);text-decoration:none}.top-nav a.active{color:var(--fg)}.top-nav a.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.main-content{flex:1}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:auto;padding:40px 24px;font-size:14px}.presentation-container{color:#e2e8f0;z-index:9999;background-color:#0b0f19;width:100vw;height:100vh;font-family:Inter,sans-serif;position:fixed;top:0;left:0;overflow:hidden}.slide{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.slide-active{opacity:1;pointer-events:auto}.slide-content{width:80%;max-width:1200px;padding:40px}.slide h1{background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:4rem;font-weight:800}.slide h2{color:#94a3b8;margin-bottom:30px;font-size:2.5rem;font-weight:400}.slide p{color:#cbd5e1;font-size:1.8rem;line-height:1.6}.slide ul{color:#cbd5e1;font-size:1.8rem;line-height:2}.presentation-controls{color:#64748b;font-family:monospace;font-size:1.2rem;position:absolute;bottom:20px;right:20px}.text-center{text-align:center}.mt-4{margin-top:2rem}.highlight-box{background:#0f172acc;border:1px solid #334155;border-radius:12px;padding:30px;box-shadow:0 10px 30px #00000080}