*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-card: #141419;--bg-card-hover: #1a1a22;--accent: #4fc3f7;--accent-dim: rgba(79, 195, 247, .15);--accent-glow: rgba(79, 195, 247, .3);--text: #e8e8ec;--text-dim: #8888a0;--text-bright: #ffffff;--border: rgba(255, 255, 255, .08);--border-accent: rgba(79, 195, 247, .25)}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.presentation{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.slide-wrapper{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.slide{width:100%;max-width:1200px;padding:40px 80px;animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0 24px;-webkit-user-select:none;user-select:none}.nav-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);width:44px;height:44px;border-radius:10px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn:hover:not(:disabled){background:var(--bg-card-hover);color:var(--accent);border-color:var(--border-accent)}.nav-btn:disabled{opacity:.3;cursor:default}.slide-counter{font-size:14px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.progress-bar{position:absolute;top:0;left:0;height:2px;background:var(--accent);transition:width .35s ease}.slide h1{font-size:3.2rem;font-weight:800;color:var(--text-bright);line-height:1.15;letter-spacing:-.03em}.slide h2{font-size:2rem;font-weight:700;color:var(--text-bright);margin-bottom:32px;letter-spacing:-.02em}.slide h3{font-size:1.1rem;font-weight:600;color:var(--text-bright);margin-bottom:8px}.slide p{font-size:1.1rem;line-height:1.7;color:var(--text)}.subtitle{font-size:1.3rem;color:var(--text-dim);margin-top:16px;font-weight:400}.tagline{font-size:1.6rem;color:var(--accent);margin-top:12px;font-weight:500}.tech-label{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--accent);background:var(--accent-dim);padding:4px 12px;border-radius:6px;display:inline-block;margin-top:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .25s}.card:hover{border-color:var(--border-accent);box-shadow:0 0 20px var(--accent-dim)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.card-title{font-size:1rem;font-weight:600;color:var(--text-bright);margin-bottom:6px}.card-desc{font-size:.88rem;color:var(--text-dim);line-height:1.5}.pipeline{display:flex;flex-direction:column;gap:0;margin-top:28px}.pipeline-step{display:flex;align-items:flex-start;gap:20px;position:relative}.pipeline-line{display:flex;flex-direction:column;align-items:center;min-width:40px}.pipeline-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);flex-shrink:0;margin-top:5px}.pipeline-connector{width:2px;height:44px;background:linear-gradient(to bottom,var(--accent),rgba(79,195,247,.1))}.pipeline-content{padding-bottom:20px}.pipeline-content .step-num{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.pipeline-content h3{margin-bottom:4px}.pipeline-content p{font-size:.92rem;color:var(--text-dim)}.flow{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;flex-wrap:wrap}.flow-box{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 28px;text-align:center;font-weight:500;font-size:.95rem}.flow-box.accent{border-color:var(--border-accent);box-shadow:0 0 16px var(--accent-dim);color:var(--accent)}.flow-arrow{font-size:1.4rem;color:var(--text-dim)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px 20px;text-align:center}.stat-value{font-size:2.2rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.stat-label{font-size:.88rem;color:var(--text-dim);margin-top:8px}.challenge-list{display:flex;flex-direction:column;gap:14px;margin-top:24px}.challenge-item{display:flex;gap:16px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:18px 22px}.challenge-icon{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);flex-shrink:0;margin-top:7px}.challenge-item .problem{font-weight:500;color:var(--text-bright);font-size:.95rem}.challenge-item .solution{font-size:.88rem;color:var(--text-dim);margin-top:4px}.arch-block{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px 32px;margin-top:24px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.8;color:var(--text-dim);white-space:pre;overflow-x:auto}.arch-block .highlight{color:var(--accent)}.arch-block .dim{color:#556}.center-content{text-align:center;display:flex;flex-direction:column;align-items:center}.thank-you h1{font-size:4rem}.links{margin-top:32px;display:flex;gap:16px;justify-content:center}.link-pill{font-family:JetBrains Mono,monospace;font-size:.88rem;color:var(--accent);background:var(--accent-dim);padding:10px 24px;border-radius:8px;border:1px solid var(--border-accent);text-decoration:none;transition:all .2s}.link-pill:hover{background:#4fc3f740}.rvc-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.rvc-box{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:14px 18px;text-align:center;font-size:.85rem;min-width:110px}.rvc-box.active{border-color:var(--border-accent);box-shadow:0 0 14px var(--accent-dim)}.rvc-box .rvc-label{color:var(--text-bright);font-weight:500}.rvc-box .rvc-detail{color:var(--text-dim);font-size:.78rem;margin-top:4px}.rvc-arrow{color:var(--text-dim);font-size:1.1rem}.rvc-note{margin-top:28px;padding:16px 24px;background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.92rem;color:var(--text)}@media(max-width:900px){.slide{padding:24px 32px}.slide h1{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}