.back-to-home-btn{position:fixed;top:1.5rem;left:1.5rem;padding:.6rem 1.2rem;background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color);z-index:1000;transition:all .3s ease;box-shadow:var(--shadow-sm)}.back-to-home-btn:hover{background:var(--accent-gradient);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.header{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}[data-theme=dark] .header{background:#0f0f1ef2}[data-theme=light] .header{background:#fffffff2}.header-content{display:flex;align-items:center;justify-content:center;padding:1rem 0;position:relative}.logo{flex:1;display:flex;justify-content:center}.logo-text{font-size:1.5rem;font-weight:700;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.header-controls{display:flex;align-items:center;gap:1rem;position:absolute;right:0}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.control-btn:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.control-btn svg{flex-shrink:0}@media (max-width: 768px){.back-to-home-btn{left:1rem;top:1rem;padding:.5rem .9rem;font-size:.85rem}.header-content{flex-direction:column;gap:1rem}.logo{order:1}.header-controls{position:static;order:2}.logo-text{font-size:1.2rem}.control-btn span{display:none}.control-btn{padding:.5rem}}.navigation{position:sticky;top:73px;z-index:90;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow-x:auto;overflow-y:hidden}.nav-list{display:flex;gap:.5rem;padding:.75rem 0;min-width:max-content}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.nav-item svg{flex-shrink:0}.navigation::-webkit-scrollbar{height:6px}.navigation::-webkit-scrollbar-track{background:var(--bg-secondary)}.navigation::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.navigation::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.navigation{top:65px}.nav-item span{font-size:.85rem}.nav-item{padding:.5rem .8rem}}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:16px;color:#fff;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.feature-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.feature-card{padding:1.5rem}.feature-icon{width:56px;height:56px}.feature-title{font-size:1.1rem}.feature-description{font-size:.95rem}}.hero-section{padding:6rem 0;background:linear-gradient(135deg,#667eea1a,#764ba21a);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:var(--accent-gradient);opacity:.05;border-radius:50%;filter:blur(100px)}.hero-content{text-align:center;max-width:800px;margin:0 auto 4rem}.hero-title{margin-bottom:1.5rem;animation:fadeIn 1s ease-out}.hero-subtitle{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}@media (max-width: 768px){.hero-section{padding:4rem 0}.benefits-grid{gap:1.5rem}}.code-block-wrapper{margin:1.5rem 0;border-radius:12px;overflow:hidden;background:var(--code-bg);border:1px solid var(--code-border);box-shadow:var(--shadow-sm)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--code-border)}.code-language{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.copy-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.copy-btn:hover{background:var(--bg-primary);transform:translateY(-1px)}.copy-btn svg{flex-shrink:0}.code-block-wrapper pre{margin:0;padding:1rem;overflow-x:auto;font-size:.9rem;line-height:1.6}.line-number{display:inline-block;width:2.5rem;text-align:right;margin-right:1rem;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.code-block-wrapper pre::-webkit-scrollbar{height:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:var(--bg-secondary)}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.code-block-wrapper pre{font-size:.85rem;padding:.75rem}.copy-btn span{display:none}}.setup-section{background:var(--bg-primary)}.content-block{margin-bottom:3rem}.content-block h3{margin-bottom:1rem;color:var(--accent-primary)}.info-box{background:var(--bg-secondary);border-left:4px solid var(--accent-primary);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.info-box h4{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.info-box li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.note{background:var(--bg-tertiary);padding:1rem;border-radius:8px;margin-top:1.5rem;font-size:.95rem;border-left:3px solid var(--accent-secondary)}.file-structure-section{background:var(--bg-secondary)}.section-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.file-tree{max-width:800px;margin:0 auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.file-item{padding:1.5rem;border-bottom:1px solid var(--border-color);transition:all .2s ease}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--bg-secondary);border-radius:8px}.file-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.file-icon{flex-shrink:0}.file-icon.folder{color:#f59e0b}.file-icon.config{color:#8b5cf6}.file-icon.package{color:#10b981}.file-icon.results{color:#3b82f6}.file-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.file-description{margin:0;margin-left:2rem;color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.file-tree{padding:1.5rem}.file-item{padding:1rem}.file-name{font-size:1rem}.file-description{font-size:.9rem}}.first-test-section{background:var(--bg-primary)}.explanation{margin-top:2rem;background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border-left:4px solid var(--accent-primary)}.explanation h4{margin-bottom:1rem;color:var(--text-primary)}.points-list{list-style:none;padding:0;margin:0}.points-list li{padding:.75rem 0;color:var(--text-secondary);line-height:1.6}.points-list li code{color:var(--accent-primary);font-weight:600;background:var(--code-bg);padding:.2em .5em;border-radius:4px}.highlight-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.highlight-box{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.highlight-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.highlight-box.auto-wait{border-left:4px solid #8b5cf6}.highlight-box.user-visible{border-left:4px solid #3b82f6}.highlight-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--accent-primary)}.highlight-header h3{margin:0;font-size:1.25rem}.highlight-box p{margin:0;color:var(--text-secondary);line-height:1.7}@media (max-width: 768px){.highlight-boxes{gap:1.5rem}.highlight-box{padding:1.5rem}}.advanced-section{background:var(--bg-secondary)}.component-block{margin-bottom:3rem;padding:2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.component-block:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.component-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.component-icon{color:var(--accent-primary);flex-shrink:0}.component-header h3{margin:0;color:var(--text-primary)}.tip{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;font-size:.95rem;color:var(--text-secondary);font-style:italic}.superiority-badge{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-left:4px solid var(--accent-primary);border-radius:8px;color:var(--text-secondary);line-height:1.6}.superiority-badge strong{color:var(--accent-primary);display:block;margin-bottom:.5rem;font-size:1.05rem}@media (max-width: 768px){.component-block{padding:1.5rem}}.powerful-features-section{background:var(--bg-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-detail-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-detail-card:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--accent-gradient);transition:width .3s ease}.feature-detail-card:hover:after{width:100%}.feature-detail-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.feature-detail-icon{color:var(--accent-primary);margin-bottom:1.5rem}.feature-detail-card h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.35rem}.feature-detail-card p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.7}.command-badge{display:inline-block;padding:.5rem 1rem;background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;font-size:.9rem;color:var(--accent-primary);font-weight:600;margin-top:.5rem}.benefit-badge{padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:8px;font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-top:.5rem}@media (max-width: 768px){.features-grid{gap:1.5rem}.feature-detail-card{padding:1.5rem}}.running-tests-section{background:var(--bg-secondary)}.commands-list{max-width:900px;margin:0 auto}.command-item{margin-bottom:2rem}.command-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600;font-size:1.05rem}.command-header svg{color:var(--accent-primary);flex-shrink:0}@media (max-width: 768px){.command-header{font-size:1rem}}.test-results-section{background:var(--bg-primary)}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;margin-bottom:2rem;transition:all .3s ease}.result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-card{border:2px solid var(--accent-primary);background:linear-gradient(135deg,#8b5cf60d,#3b82f60d)}.card-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.card-icon{color:var(--accent-primary);flex-shrink:0}.folder-icon{color:#f59e0b}.terminal-icon{color:#10b981}.card-header h3{margin:0 0 .5rem;color:var(--text-primary)}.card-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem}.features-list{margin:1.5rem 0;display:grid;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);font-size:.95rem}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-gradient);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.location-badge,.config-badge{display:inline-block;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}.tip-badge{padding:1rem;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border-left:4px solid #f59e0b;border-radius:8px;margin-top:1.5rem;color:var(--text-secondary)}.tip-badge strong{color:var(--text-primary)}.contents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.content-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem}.content-item svg{color:var(--accent-primary);flex-shrink:0}.visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:2rem 0}.visual-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.visual-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.visual-card.highlight{border:2px solid var(--accent-primary);background:linear-gradient(135deg,#8b5cf614,#3b82f614)}.visual-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.visual-icon{flex-shrink:0}.screenshot-icon{color:#8b5cf6}.video-icon{color:#3b82f6}.trace-icon{color:#10b981}.visual-card h3{margin:0;color:var(--text-primary);font-size:1.25rem}.visual-card p{color:var(--text-secondary);line-height:1.6}.manual-note,.config-note,.view-instruction{font-size:.9rem;color:var(--text-tertiary);margin-top:.5rem}.power-description{font-weight:600;color:var(--text-primary)!important}.path-display{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.85rem;font-family:Fira Code,monospace;color:var(--text-secondary);overflow-x:auto}.trace-features{margin:1.5rem 0;display:grid;gap:.75rem}.trace-feature{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);font-size:.9rem}.sparkle{font-size:1.2rem}.console-card{border-left:4px solid #10b981}.console-features{display:grid;gap:1rem;margin-top:1.5rem}.console-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;color:var(--text-secondary)}.bullet{color:#10b981;font-size:1.2rem;font-weight:700}.tips-section{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);border:2px solid #f59e0b;border-radius:16px}.tips-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.tips-icon-main{color:#f59e0b;animation:pulse 2s ease-in-out infinite}.tips-header h3{margin:0;color:var(--text-primary);font-size:1.5rem}.tips-grid{display:grid;gap:1.5rem}.tip-card{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.tip-card:hover{transform:translate(8px);box-shadow:var(--shadow-md)}.tip-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-gradient);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.tip-card p{margin:0;color:var(--text-secondary);line-height:1.7}.config-steps{margin:1.5rem 0}.config-steps h4{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.step-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.step-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-gradient);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.step-item p{margin:0;color:var(--text-secondary);line-height:1.7}.options-list{margin:1.5rem 0}.options-list h4{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.option-item{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;transition:all .2s ease}.option-item:hover{transform:translate(4px);border-color:var(--accent-primary)}.option-item.recommended{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.location-info{margin-top:1.5rem}.location-info h4{color:var(--text-primary);font-size:1rem;margin:1.5rem 0 .75rem}.location-info h4.view-how{margin-top:2rem}.example-path{padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;font-size:.85rem;color:var(--text-tertiary);margin-top:.5rem;font-style:italic}.play-tip,.view-tip{font-size:.85rem;color:var(--text-tertiary);margin-top:.75rem;font-style:italic}.log-locations{margin:1.5rem 0}.log-locations h4{color:var(--text-primary);font-size:1.05rem;margin:0 0 1rem}.location-block{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;transition:all .2s ease}.location-block:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.location-title{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.location-title svg{color:var(--accent-primary);flex-shrink:0}.location-title strong{color:var(--text-primary);font-size:.95rem}.reporter-info{margin-top:1.5rem}.reporter-info h4{color:var(--text-primary);font-size:1rem;margin:0 0 .75rem}@media (max-width: 768px){.result-card{padding:1.5rem}.card-header{gap:1rem}.visual-grid{gap:1.5rem}.visual-card,.tips-section{padding:1.5rem}.contents-grid{grid-template-columns:1fr}}.junior-tips-section{background:var(--bg-primary)}.tips-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.tips-icon{color:#f59e0b;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.main-tip{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:16px;padding:2.5rem;margin-bottom:3rem}.main-tip h3{color:var(--accent-primary);margin-bottom:1rem}.code-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.comparison-block{border-radius:12px;overflow:hidden}.comparison-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;font-size:.9rem}.comparison-block.wrong .comparison-label{background:#ef444426;color:#ef4444}.comparison-block.correct .comparison-label{background:#10b98126;color:#10b981}.other-tips{max-width:800px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#8b5cf60d,#3b82f60d);border-radius:12px;border:1px solid var(--border-color)}.other-tips h3{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{padding:1rem 0 1rem 2rem;position:relative;color:var(--text-secondary);line-height:1.7;border-bottom:1px solid var(--border-color)}.tips-list li:last-child{border-bottom:none}.tips-list li:before{content:"💡";position:absolute;left:0;font-size:1.2rem}@media (max-width: 768px){.main-tip{padding:1.5rem}.code-comparison{gap:1.5rem}.other-tips{padding:1.5rem}}.whats-next-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.whats-next-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:moveGrid 20s linear infinite}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.whats-next-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto;padding:4rem 0}.whats-next-content h2{color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:2rem}.next-description{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-bottom:1.5rem;color:#fffffff2;line-height:1.7}.coming-soon{font-size:clamp(1rem,2vw,1.25rem);color:#fffc;font-style:italic;margin-bottom:2rem}.cta-decoration{margin:3rem 0}.arrow-icon{color:#fff;animation:slideRight 1.5s ease-in-out infinite}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.site-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);text-align:center}.site-footer p{color:#ffffffe6;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0}.heart-icon{color:#ff6b9d;animation:heartbeat 1.5s ease-in-out infinite;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%,40%{transform:scale(1)}}@media (max-width: 768px){.whats-next-content{padding:3rem 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-tertiary: #6c757d;--accent-primary: #7c3aed;--accent-secondary: #2563eb;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--border-color: #dee2e6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--code-bg: #f8f9fa;--code-border: #e9ecef}[data-theme=dark]{--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--bg-tertiary: #252538;--text-primary: #f7f7f8;--text-secondary: #d1d1d6;--text-tertiary: #a0a0ab;--accent-primary: #8b5cf6;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--border-color: #2d2d44;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--code-bg: #1a1a2e;--code-border: #2d2d44}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem);color:var(--text-primary)}h3{font-size:clamp(1.5rem,3vw,2rem);color:var(--text-primary)}p{margin-bottom:1rem;color:var(--text-secondary)}code{font-family:Fira Code,Courier New,monospace;font-size:.9em;padding:.2em .4em;background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:4rem 0;min-height:auto}.section:nth-child(2n){background-color:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);transform:translateY(-2px)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg)}[data-theme=light] .glass-card{background:#fffc;border:1px solid rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.text-center{text-align:center}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:2rem 0}h1{font-size:2.5rem}h2{font-size:2rem}}