:root{--text-color:#fff;--bg-color:#000;--accent-color:#f33;--accent-glow:#f336;--font-main:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);width:100%;min-height:100vh;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.darkbot-section-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1000px;margin:0 auto;display:flex;position:relative}.darkbot-title{justify-content:center;align-items:center;gap:clamp(.5rem,3vw,1.5rem);width:100%;display:flex}.darkbot-logo{object-fit:contain;flex-shrink:0;width:clamp(30px,8vw,100px);height:clamp(30px,8vw,100px)}.darkbot-text{color:var(--accent-color,#f33);text-align:center;text-shadow:0 0 20px var(--accent-glow,#ff333380);letter-spacing:.1em;opacity:1;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:700}.button-layout{opacity:1;gap:1rem;margin-top:2rem;display:grid}.button-row{justify-content:center;gap:1rem;display:flex}.action-btn{border:2px solid var(--accent-color,#f33);color:var(--accent-color,#f33);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;gap:.6rem;min-width:120px;padding:.8rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.action-btn .icon{will-change:transform, opacity, filter;width:20px;height:20px;transition:transform .18s,opacity .18s,filter .18s}.action-btn:hover{background:var(--accent-color,#f33);color:var(--text-color,#fff);box-shadow:0 0 15px var(--accent-glow,#f336)}.action-btn:hover .icon{filter:brightness(0)}@media (width<=768px){.darkbot-title{flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.darkbot-logo{width:clamp(30px,10vw,100px);height:clamp(30px,10vw,100px)}.button-layout{box-sizing:border-box;flex-direction:column;gap:.8rem;width:100%;max-width:420px;margin-left:auto;margin-right:auto;padding:0 1rem;display:flex}.button-row{flex-direction:column;align-items:stretch;gap:.8rem;width:100%;display:flex}.action-btn{width:100%}}.download-options{opacity:1;width:100%;max-width:1000px;margin:0 auto;position:relative}.download-grid{grid-template-columns:repeat(3,1fr);place-items:stretch center;gap:2rem;width:100%;display:grid}.download-grid-row-2{grid-column:1/-1;justify-content:center;align-items:stretch;gap:2rem;width:100%;display:flex}.download-grid>.version-card,.download-grid-row-2>.version-card{width:100%;max-width:340px}.empty-card{box-shadow:none;pointer-events:none;background:0 0;border:none}.back-btn{color:#999;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-family:Orbitron Mono,Orbitron,monospace;font-size:.85rem;transition:color .3s;display:flex;position:absolute;top:-50px;left:0}.back-btn:hover{color:var(--accent-color,#f33)}.version-info{flex:1;margin-bottom:1.5rem}.version-info h2{color:var(--accent-color,#f33);text-align:left;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-family:Orbitron,sans-serif;font-size:1.2rem}.version-info .description{color:#aaa;text-align:left;margin:0 0 1rem;font-family:Orbitron Mono,Orbitron,monospace;font-size:.85rem;line-height:1.6}.meta{border-top:1px solid #f333;gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.meta span{color:#888;text-transform:uppercase;font-family:Orbitron Mono,Orbitron,monospace;font-size:.75rem}.meta .version{color:var(--accent-color,#f33);font-weight:600}.meta .date{color:#666}.loading,.error{text-align:center;color:#aaa;padding:3rem;font-family:Orbitron Mono,Orbitron,monospace;font-size:.95rem}.error{color:var(--accent-color,#f33)}.version-card,.faq-card{border:1px solid var(--accent-color,#f33);background:#ff333308;border-radius:8px;flex-direction:column;flex:1;min-width:280px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.version-card:before,.faq-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color,#f33), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.version-card:hover:before,.faq-card:hover:before{opacity:0}.faq-header{margin-bottom:1.5rem}.faq-description{color:#ccc;margin:.75rem 0 0;font-family:Orbitron Mono,Orbitron,monospace;line-height:1.6}.faq-item{border-top:1px solid #0000001a;padding-top:1.25rem}.faq-question{color:var(--text-color,#fff);margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700}.faq-answer{color:#ddd;font-size:.95rem;line-height:1.75}.action-btn{border:2px solid var(--accent-color,#f33);color:var(--accent-color,#f33);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;min-width:120px;box-shadow:0 0 10px var(--accent-glow,#ff33334d);background:0 0;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.action-btn .icon{width:20px;height:20px}.action-btn:hover:not(:disabled){background:var(--accent-color,#f33);color:#000;box-shadow:0 0 25px var(--accent-glow,#00000026), 0 0 50px var(--accent-glow,#0000001a)}.action-btn:hover:not(:disabled) .icon{filter:brightness(0)}.action-btn:disabled{cursor:not-allowed;opacity:.7}.action-btn.downloading{border-color:var(--accent-color,#f33);background:#00000008}.action-btn.downloaded{color:#0f8;border-color:#0f8}.action-btn.downloaded:hover{color:#000;background:#0f8;box-shadow:0 0 15px #00ff8880}.spinner{border:2px solid var(--accent-color,#f33);vertical-align:middle;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}@media (width<=768px){.download-options{margin:0 auto;padding:0 1rem}.back-btn{margin-bottom:1rem;display:flex;position:static}.download-grid{grid-template-columns:unset;flex-direction:column;gap:1rem;width:100%;display:flex}.download-grid-row-2{grid-column:unset;flex-direction:column;gap:1rem;width:100%;display:flex}.download-grid>.version-card,.download-grid-row-2>.version-card{width:100%;max-width:100%}.version-card{min-width:auto}}.faq-page{justify-content:center;padding:3rem 0 2rem;display:flex}.faq-card{box-sizing:border-box;background:0 0;border:none;width:680px;max-width:680px;margin:0 auto;padding:0;position:relative}.faq-header{text-align:center;max-width:640px;margin:0 auto 1.5rem}.faq-header h2{color:var(--text-color,#fff);margin:0;font-size:clamp(2rem,4vw,3rem)}.faq-description{color:silver;max-width:560px;margin:.75rem auto 0;font-family:Orbitron Mono,Orbitron,monospace;line-height:1.8}.faq-item{border-top:1px solid #ff33331a;gap:.75rem;padding:1.5rem 0;display:grid;overflow:hidden}.faq-item:first-child{border-top:none;padding-top:0}.faq-question{width:100%;color:var(--text-color,#fff);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;transition:color .3s;display:flex}.faq-question:hover{color:var(--accent-color,#f33)}.faq-icon{color:#999;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:color .2s,transform .3s;display:flex}.faq-question:hover .faq-icon{color:var(--accent-color,#f33)}.faq-answer{color:#ccc;opacity:0;max-height:0;padding:0 0 1rem;font-size:.95rem;line-height:1.8;transition:max-height .4s,opacity .4s,padding .4s;overflow:hidden}.faq-answer.open{opacity:1;max-height:500px;padding:.5rem 0 1rem}.faq-back-wrapper{opacity:1;justify-content:flex-start;margin-bottom:1rem;display:flex}.faq-back-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-family:Orbitron Mono,Orbitron,monospace;font-size:.85rem;transition:color .3s}.faq-back-btn:hover{color:var(--accent-color,#f33)}@media (width<=768px){.faq-page{padding:2rem 1rem}.faq-card{width:100%;max-width:100%;padding:1.5rem}.faq-header h2{font-size:clamp(1.75rem,6vw,2.5rem)}}.developers-page{justify-content:center;padding:3rem 0 2rem;display:flex}.developers-card{width:680px;max-width:680px;box-shadow:none;box-sizing:border-box;background:0 0;border:none;margin:0 auto;padding:0;position:relative}.developers-header{text-align:center;opacity:1;max-width:640px;margin:0 auto 2rem}.developers-header h2{color:var(--text-color,#fff);margin:0;font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3rem)}.developers-description{color:#aaa;max-width:560px;margin:.75rem auto 0;font-family:Orbitron Mono,Orbitron,monospace;line-height:1.8}.developers-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.developer-card{box-shadow:none;opacity:1;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;padding:2rem;display:flex}.developer-image{border:3px solid var(--accent-color,#f33);border-radius:50%;width:100px;height:100px;margin-bottom:1.5rem;position:relative;overflow:hidden}.developer-card:hover .developer-image{box-shadow:0 0 30px var(--accent-glow,#0003)}.base-avatar{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-avatar{object-fit:cover;opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.15)}.developer-info{text-align:center}.developer-info h3{color:var(--text-color,#fff);opacity:1;margin:0 0 .5rem;font-family:Orbitron,sans-serif;font-size:1.5rem}.developer-role{color:var(--accent-color,#f33);text-transform:uppercase;letter-spacing:.1em;opacity:1;margin:0 0 1.5rem;font-family:Orbitron Mono,Orbitron,monospace;font-size:.9rem}.developer-links{opacity:1;justify-content:center;gap:1rem;display:flex}.developer-link{border:2px solid var(--accent-color,#f33);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.link-icon{width:20px;height:20px}.developer-link:hover{background:var(--accent-color,#f33);box-shadow:0 0 15px var(--accent-glow,#ff333380)}.developer-link:hover .link-icon{filter:brightness(0)}.developers-back-wrapper{opacity:1;justify-content:flex-start;margin-bottom:1rem;display:flex}.developers-back-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-family:Orbitron Mono,Orbitron,monospace;font-size:.85rem}.developers-back-btn:hover{color:var(--accent-color,#f33)}@media (width<=768px){.developers-page{padding:2rem 1rem}.developers-card{width:100%;max-width:100%;padding:1.5rem}.developers-grid{grid-template-columns:1fr;gap:1.5rem}.developer-card{padding:1.5rem}.developers-header h2{font-size:clamp(1.75rem,6vw,2.5rem)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color,#000);color:var(--text-color,#fff);font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.page{width:100%;min-height:100vh}.page.active{flex-direction:column;display:flex}.main-container{flex:1;justify-content:center;align-items:flex-start;padding:2rem;display:flex}.hero{text-align:center;max-width:600px}.hero-title{color:var(--accent-color,#f33);text-shadow:0 0 20px var(--accent-glow,#ff333326);letter-spacing:.1em;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:700}.hero-subtitle{color:var(--text-color,#fff);margin-bottom:2.5rem;font-size:1.2rem;font-weight:400}.btn-start,.btn-next,.btn-back{color:var(--text-color,#fff);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;justify-content:center;align-items:center;gap:.6rem;padding:.5rem 0;font-family:Orbitron Mono,Orbitron,monospace;font-size:.85rem;transition:color .3s;display:flex}.btn-start:hover,.btn-next:hover,.btn-back:hover{color:var(--accent-color,#f33);box-shadow:none;background:0 0}.btn-back,.btn-next{justify-content:center;align-items:center;gap:.6rem;display:flex}.navigation-buttons{justify-content:flex-start;gap:1rem;margin-top:2.5rem;display:flex}.content-section{text-align:left;width:100%;max-width:1000px;margin:0 auto}.content{width:100%;max-width:1000px;margin:0 auto}.ui-image,.section-image{width:100%;max-width:380px;height:auto;margin:0 0 1.5rem;display:block}.ui-image-container,.section-image-container{text-align:left;width:100%;max-width:390px;margin:0 0 2rem;display:block}.section-title{color:var(--accent-color,#f33);margin-bottom:2rem;font-size:3rem;font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-color,#fff);margin-bottom:1.5rem;font-size:1.2rem;font-weight:300;line-height:1.6}.info-block{border-left:4px solid var(--accent-color,#f33);background-color:#00000080;border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.block-title{color:var(--accent-color,#f33);margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.block-text{color:var(--text-color,#fff);font-size:1.1rem;line-height:1.6}.version-container{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.version-card{border:1px solid var(--accent-color,#f33);background-color:#00000080;border-radius:4px;padding:1.2rem}.version-name{color:var(--accent-color,#f33);margin-bottom:.6rem;font-size:1.1rem;font-weight:600}.version-desc{color:var(--text-color,#fff);font-size:.95rem;line-height:1.5}.ui-image-container,.section-image-container{justify-content:center;align-items:center;width:100%;max-width:720px;margin:0 auto 2rem;display:flex}.ui-image,.section-image{border:2px solid var(--accent-color,#f33);width:100%;max-width:720px;height:auto;box-shadow:0 4px 15px var(--accent-glow,#f333);border-radius:4px;margin:0 auto;display:block}.features-list{flex-direction:column;gap:1.2rem;margin-bottom:2rem;display:flex}.feature-item{border-left:4px solid var(--accent-color,#f33);background-color:#00000080;border-radius:4px;gap:1.5rem;padding:1.2rem;transition:all .3s;display:flex}.feature-number{background-color:var(--accent-color,#f33);width:40px;min-width:40px;height:40px;color:var(--bg-color,#000);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.feature-section{background-color:#0000004d;border-radius:4px;padding:1.5rem}.feature-section-title{color:var(--accent-color,#f33);margin-bottom:1.2rem;font-size:1.5rem;font-weight:600}.section-image-container{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.section-image{border:2px solid var(--accent-color,#f33);max-width:100%;height:auto;box-shadow:0 4px 15px var(--accent-glow,#f333);border-radius:4px;margin:0 auto;display:block}.feature-items{flex-direction:column;gap:1rem;display:flex}.feature-content{flex:1}.feature-title{color:var(--accent-color,#f33);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.feature-desc{color:var(--text-color,#fff);font-size:.95rem;line-height:1.5}.sites-list{flex-wrap:wrap;gap:.8rem;margin-top:.8rem;display:flex}.site-badge{color:var(--accent-color,#f33);border:1px solid var(--accent-color,#f33);letter-spacing:.3px;background-color:#00000080;border-radius:3px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.features-sections{flex-direction:column;gap:2rem;margin-bottom:2rem;display:flex}.feature-section{background-color:#0000004d;border-radius:4px}.centered-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative}.darkbot-section{text-align:center;max-width:800px;margin:0 auto}.app-root{background:radial-gradient(circle at top,#ff000014,#0000 35%),#050000;width:100%;min-height:100vh;position:relative;overflow:hidden}.wallpaper-canvas{background:radial-gradient(circle,#ff00000a,#0000 45%);width:100%;height:100%;position:absolute;inset:0}.content-overlay{text-align:center;z-index:10;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.content-overlay::-webkit-scrollbar{width:0;height:0}.tutorial-active .content-overlay{justify-content:flex-start;align-items:stretch;padding:0 2rem 2rem}.content-section{margin:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:#000}button,.darkbot-text{-webkit-user-select:none;user-select:none}@media (width<=768px){.main-text{font-size:clamp(1.2rem,6vw,2rem)}.darkbot-text{-webkit-user-select:none;user-select:none;font-size:clamp(2rem,12vw,4rem)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.continue-text{color:#888;text-align:center;opacity:.7;margin-top:1rem;font-family:Orbitron Mono,Orbitron,monospace;font-size:.8rem;transition:opacity .3s}.continue-text:hover{opacity:1;cursor:pointer}