@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{--primary: #bf00ff;--primary-glow: rgba(191, 0, 255, .4);--bg-dark: #0a0a0a;--bg-panel: #141414;--text-light: #e0e0e0}body{margin:0;background-color:#000;color:var(--text-light);font-family:Inter,sans-serif;overflow-x:hidden}*{box-sizing:border-box}.app-root{width:100%;height:100vh;margin:0;padding:0}.app-container{width:100vw;height:100vh;position:relative;background-color:#000;overflow:hidden}.control-sidebar{position:absolute;top:0;right:0;bottom:0;width:350px;background:#0a0a0cd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(191,0,255,.2);padding:30px 25px;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1000;overflow-y:auto;box-shadow:-10px 0 30px #00000080}.control-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid rgba(191,0,255,.2);padding-bottom:15px}.sidebar-header h2{font-family:Outfit,sans-serif;font-weight:700;font-size:1.8rem;margin:0;color:#fff;letter-spacing:-.5px}.close-sidebar-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-sidebar-btn:hover{background:var(--primary);border-color:var(--primary);transform:rotate(180deg)}.sidebar-toggle{position:absolute;top:25px;right:25px;width:50px;height:50px;background:#0a0a14cc;border:1px solid var(--primary);color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #bf00ff26;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:1001;border-radius:50%;cursor:pointer}.sidebar-toggle:hover{background:var(--primary);color:#fff;box-shadow:0 0 30px #bf00ff80;transform:rotate(90deg)}.lang-switch-container{display:flex;gap:10px;margin-bottom:25px}.lang-btn{background:transparent;border:1px solid #444;padding:8px 12px;cursor:pointer;opacity:1;transition:all .2s;border-radius:6px;font-size:1.2rem;background:#ffffff0d}.lang-btn.active{opacity:1;border-color:var(--primary);background:#bf00ff1a;box-shadow:0 0 10px #bf00ff33;filter:grayscale(0%)}.control-section{margin-bottom:25px}.control-section label{display:block;margin-bottom:10px;font-weight:600;color:#aaa;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}input[type=text],input[type=number],select{width:100%;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:all .2s}select{color-scheme:dark}select option{background-color:#141414;color:#fff}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--primary);background:#bf00ff0d;box-shadow:0 0 15px #bf00ff1a}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-wrap{position:relative}.input-wrap span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;font-size:.8rem;pointer-events:none}.input-wrap input{padding-left:30px;text-align:center}.feature-strip{background-color:#020202;padding:100px 40px;display:flex;justify-content:center;align-items:flex-start;gap:120px;flex-wrap:wrap;border-top:2px solid rgba(255,255,255,.15);border-bottom:2px solid rgba(255,255,255,.15)}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:280px;position:relative}.feature-item:not(:last-child):after{content:"";position:absolute;right:-60px;top:10%;height:80%;width:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15),transparent)}@media(max-width:1400px){.feature-item:after{display:none}.feature-strip{gap:60px}}.feature-icon-circle{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:transform .3s ease;box-shadow:0 4px 20px #0000004d;background:#bf00ff26;border:1px solid rgba(191,0,255,.3);color:#ea80fc}.feature-icon-circle svg{width:36px;height:36px;stroke-width:2px;filter:drop-shadow(0 0 5px rgba(191,0,255,.5))}.holo-card{background:#14141999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 30px #0000004d}.holo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(191,0,255,.8),transparent);opacity:.5}.holo-card:hover{transform:translateY(-5px) scale(1.02);border-color:#bf00ff80;box-shadow:0 10px 40px #bf00ff26,0 0 20px #bf00ff1a inset}.holo-card:hover:before{opacity:1;box-shadow:0 0 10px #bf00ffcc}.holo-icon{font-size:3rem;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.hero-card{background:#14141999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:50px;box-shadow:0 10px 40px #00000080;max-width:700px;margin-left:40px}@media(max-width:768px){.hero-card{margin-left:0;padding:30px}}.hero-banner-bg{min-height:85vh;position:relative;background-color:#000;background-image:linear-gradient(to right,#000 35%,rgba(0,0,0,.8) 50%,transparent 80%),linear-gradient(#0006,#0006),url(/banner_hero.png);background-size:cover;background-position:center right;background-repeat:no-repeat;display:flex;align-items:center;padding:0 5%;overflow:hidden}@media(max-width:768px){.hero-banner-bg{background-position:70% center;background-image:linear-gradient(to bottom,transparent,#000),url(/banner_hero.png)}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 0 15px var(--primary);transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}button{font-family:Inter,sans-serif;cursor:pointer}button.primary{width:100%;background:linear-gradient(135deg,var(--primary) 0%,#a000d6 100%);border:none;color:#fff;padding:14px;border-radius:8px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 20px #bf00ff4d;transition:all .3s}button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #bf00ff80}button.secondary{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-light);padding:12px;border-radius:8px;font-weight:600;transition:all .2s}button.secondary:hover{border-color:var(--primary);color:#fff;background:#bf00ff1a}button.danger{width:100%;background:#ff005026;color:#ff4d6d;border:1px solid rgba(255,0,80,.3);padding:12px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s}button.danger:hover{background:#ff00504d;border-color:#ff0050;color:#fff;box-shadow:0 0 20px #ff00504d}button.danger.small{margin-top:10px;padding:8px;font-size:.8rem}.button-row{display:flex;gap:10px;margin:10px 0}.divider{height:1px;background:#ffffff1a;margin:25px 0}.video-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.video-bg-element{width:100%;height:100%;object-fit:cover;opacity:.8}.video-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(to right,#000 35%,rgba(0,0,0,.8) 50%,transparent 80%),linear-gradient(#0006,#0006);pointer-events:none}.placeholder-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a0b2e,#000)}.placeholder-screen h1{font-family:Outfit,sans-serif;font-size:3rem;margin-bottom:40px;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.big-btn{max-width:300px;font-size:1.2rem;padding:20px!important}.overlay-instruction{position:absolute;top:50px;left:50%;transform:translate(-50%);background:#000c;border:1px solid var(--primary);padding:10px 20px;border-radius:30px;color:#fff;font-weight:600;box-shadow:0 0 20px #bf00ff80;pointer-events:none}.app-background-radial{background:radial-gradient(circle at center,#1a0b2e,#000)}.wizard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a0b2e,#000)}.wizard-card{background:#141418f2;border:1px solid #333;border-radius:16px;padding:40px;width:90%;max-width:500px;box-shadow:0 0 50px #bf00ff26,0 0 20px #bf00ff1a inset;text-align:center}.wizard-card h2{font-family:Outfit,sans-serif;margin-bottom:30px;color:#fff;font-size:1.8rem}.wizard-option{transition:transform .2s,border-color .2s;cursor:pointer}video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}