.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.session-ended{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.session-message{padding:40px;text-align:center;max-width:500px;width:90%}.session-message h2{font-size:2.5em;margin-bottom:20px;background:linear-gradient(45deg,#f0f,#08f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.session-message p{font-size:1.2em;margin-bottom:30px;line-height:1.6}@media(max-width:768px){.app{padding:10px}.session-message{padding:30px 20px}.session-message h2{font-size:2em}.session-message p{font-size:1.1em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;min-height:100vh}.circuit-background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,128,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(128,0,255,.1) 0%,transparent 50%);z-index:-1}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent,#00ff88,transparent);animation:pulse 3s infinite}.circuit-line:nth-child(2n){background:linear-gradient(90deg,transparent,#0088ff,transparent)}.circuit-line:nth-child(3n){background:linear-gradient(90deg,transparent,#ff00ff,transparent)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px}.neon-green{box-shadow:0 0 10px #0f8,0 0 20px #0f8,0 0 40px #0f8,inset 0 0 10px #00ff881a}.neon-blue{box-shadow:0 0 10px #08f,0 0 20px #08f,0 0 40px #08f,inset 0 0 10px #0088ff1a}.neon-purple{box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #f0f,inset 0 0 10px #ff00ff1a}.neon-yellow{box-shadow:0 0 10px #ff0,0 0 20px #ff0,0 0 40px #ff0,inset 0 0 10px #ffff001a}.btn{padding:12px 24px;border:none;border-radius:50px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.btn-green{background:#0f8;color:#000}.btn-blue{background:#08f;color:#fff}.btn-purple{background:#f0f;color:#fff}.btn-yellow{background:#ff0;color:#000}@media(max-width:768px){.btn{padding:10px 20px;font-size:14px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.welcome-popup{max-width:600px;width:90%;max-height:90vh;overflow-y:auto;padding:30px;text-align:center}.emoji-header{font-size:4em;margin-bottom:20px}.welcome-popup h1{font-size:2.5em;margin-bottom:10px;background:linear-gradient(45deg,#0f8,#08f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2em;color:#0f8;margin-bottom:30px}.message-block{margin-bottom:25px;text-align:left}.typing-animation{border-right:2px solid #00ff88;white-space:nowrap;overflow:hidden;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#0f8}}.highlight{color:#0f8;font-weight:700}.fact{background:#00ff881a;padding:15px;border-radius:10px;border-left:4px solid #00ff88}.vision{background:#8000ff1a;padding:15px;border-radius:10px;border-left:4px solid #ff00ff}.closing{font-size:1.3em;font-weight:700;color:#08f}.button-group{margin-top:30px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-skip{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.system-window{max-width:500px;width:90%;padding:25px}.window-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.window-header h2{font-size:1.5em;margin:0}.neon-dot{width:12px;height:12px;border-radius:50%;animation:glow 2s infinite}@keyframes glow{0%,to{opacity:.3}50%{opacity:1}}.window-content{margin-bottom:25px}.value-prop{font-size:1.3em;font-weight:700;margin-bottom:15px;text-align:center}.feature-highlight{background:#ffffff0d;padding:15px;border-radius:10px;margin-bottom:25px;text-align:center}.chat-animation{text-align:left}.chat-message{padding:12px 16px;margin:10px 0;border-radius:15px;max-width:80%;animation:slideIn .5s ease-out}.voocha-message{background:#0f83;border-left:4px solid #00ff88;margin-right:auto}.user-message{background:#ffffff1a;border-left:4px solid #0088ff;margin-left:auto}.typing-indicator{display:flex;gap:5px;padding:15px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#0f8;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.product-demo{text-align:center}.product-card{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px;position:relative}.product-image{width:120px;height:120px;border-radius:10px;object-fit:cover;margin-bottom:15px}.product-info h4{margin-bottom:5px;color:#08f}.share-btn{position:absolute;top:15px;right:15px;background:#08f;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2em;transition:all .3s ease}.share-btn:hover{transform:scale(1.1);background:#06c}.deal-demo{perspective:1000px}.deal-card{width:300px;height:250px;position:relative;transform-style:preserve-3d;transition:transform .8s;margin:0 auto}.deal-card.flipped{transform:rotateY(180deg)}.deal-front,.deal-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.deal-front{background:#ff00ff1a}.deal-back{background:#8000ff33;transform:rotateY(180deg)}.deal-image{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:15px}.deal-price{text-decoration:line-through;color:#ccc}.deal-discount{color:#0f8;font-weight:700;font-size:1.2em}.savings{color:#ff0;font-weight:700;font-size:1.3em}.success-section{text-align:center}.emoji-large{font-size:4em;margin-bottom:20px}.success-text{font-size:1.3em;font-weight:700;color:#0f8;margin-bottom:20px}.grid-switch-container{max-width:400px;width:90%;padding:30px;text-align:center}.switch-content h1{font-size:2em;margin-bottom:15px;background:linear-gradient(45deg,#ff0,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.energy-warning{font-size:1.3em;margin-bottom:30px;color:#ff0}.switch-wrapper{margin:30px 0}.click-counter{width:200px;height:20px;background:#ffffff1a;border-radius:10px;margin:0 auto 20px;position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#ff0,#0f8);border-radius:10px;transition:width .3s ease}.counter-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8em;font-weight:700}.switch-handle{width:80px;height:120px;background:transparent;border:none;cursor:pointer;position:relative;margin:0 auto;transition:transform .1s ease}.switch-handle:active{transform:translateY(10px)}.switch-handle.active .handle-grip{background:#ff0}.handle-grip{width:60px;height:20px;background:#666;border-radius:10px;margin:0 auto 10px;transition:background .3s ease}.handle-base{width:80px;height:40px;background:#333;border-radius:20px;position:relative}.switch-instruction{font-size:1.2em;font-weight:700;margin-top:20px;color:#ff0}.grid-visual{position:relative;height:100px;margin-top:30px}.grid-line{height:2px;background:#ffffff4d;margin:15px 0;position:relative}.energy-flow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffff00,transparent);opacity:0;transition:opacity .3s ease}.energy-flow.flowing{opacity:1;animation:flow 2s infinite}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.data-slide{max-width:400px;width:90%;padding:30px}.slide-content h2{text-align:center;margin-bottom:20px;font-size:1.8em}.passkey-form{text-align:center;margin:25px 0}.passkey-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.passkey-digit{width:50px;height:50px;text-align:center;font-size:1.5em;font-weight:700;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#fff}.passkey-digit:focus{border-color:#0f8;outline:none}.invalid-message{background:#ff00001a;padding:15px;border-radius:10px;border-left:4px solid #ff4444;margin:20px 0;text-align:center}.request-section{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.contact-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#08f}.form-input{width:100%;padding:12px 15px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:16px;transition:border-color .3s ease}.form-input:focus{border-color:#08f;outline:none}.form-note{font-size:.9em;color:#ccc;margin-bottom:20px;text-align:center}.success-content{text-align:center}.success-emoji{font-size:4em;margin-bottom:20px}.success-content h2{color:#0f8;margin-bottom:15px}.success-note{background:#00ff881a;padding:15px;border-radius:10px;margin:20px 0;border-left:4px solid #00ff88}.window-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.welcome-popup{padding:20px}.welcome-popup h1{font-size:2em}.system-window{padding:20px}.window-header h2{font-size:1.3em}.deal-card{width:250px;height:220px}.button-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px}}@media(max-width:480px){.popup-overlay{padding:10px}.welcome-popup,.system-window,.data-slide{width:95%;padding:15px}.emoji-header{font-size:3em}.passkey-digit{width:40px;height:40px;font-size:1.2em}}.welcome-popup::-webkit-scrollbar{width:8px}.welcome-popup::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.welcome-popup::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:10px;border:1px solid rgba(0,255,136,.5)}.welcome-popup::-webkit-scrollbar-thumb:hover{background:#00ff8880;box-shadow:0 0 5px #0f8,0 0 10px #0f8,inset 0 0 5px #0f83}.welcome-popup::-webkit-scrollbar-thumb:active{background:#00ff88b3;box-shadow:0 0 8px #0f8,0 0 15px #0f8,inset 0 0 5px #00ff884d}.welcome-popup{scrollbar-width:thin;scrollbar-color:rgba(0,255,136,.3) rgba(0,0,0,.1)}@media(max-width:768px){.welcome-popup::-webkit-scrollbar{width:auto}.welcome-popup::-webkit-scrollbar-track{background:transparent}.welcome-popup::-webkit-scrollbar-thumb{background:#fff3;border:none;box-shadow:none}.welcome-popup::-webkit-scrollbar-thumb:hover{background:#ffffff4d;box-shadow:none}.welcome-popup{scrollbar-width:auto;scrollbar-color:auto}}
