.desktop-nav{display:flex;align-items:center;gap:1.5rem}.nav-user-section{display:flex;align-items:center;gap:1rem}.nav-username{color:var(--neon-cyan);font-family:var(--font-mono);font-size:.85rem}.nav-logout-btn{padding:.5rem 1rem!important;font-size:.8rem!important}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;position:fixed;top:20px;right:2rem;z-index:1200}.hamburger span{display:block;width:24px;height:2px;background:var(--neon-cyan);transition:all .3s ease;border-radius:2px}.hamburger-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-active span:nth-child(2){opacity:0}.hamburger-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu{position:absolute;top:0;right:0;width:280px;max-width:80vw;height:100%;background:#0a0a14fa;border-left:1px solid rgba(0,255,245,.15);padding:90px 1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.mobile-user-badge{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1rem;background:#00fff50d;border:1px solid rgba(0,255,245,.15);border-radius:12px;color:var(--neon-cyan);font-family:var(--font-display);font-size:.9rem}.mobile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--cyber-black);font-size:1rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;color:#ffffffb3;text-decoration:none;font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;border-radius:8px;transition:all .2s}.mobile-nav-link:hover,.mobile-nav-link.active{background:#00fff514;color:var(--neon-cyan)}.mobile-logout-btn{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;margin-top:auto;background:none;border:1px solid rgba(255,0,64,.3);color:var(--neon-red);font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;border-radius:8px;cursor:pointer;transition:all .2s}.mobile-logout-btn:hover{background:#ff00401a}@media (max-width: 768px){.desktop-nav{display:none!important}.hamburger{display:flex}.mobile-menu-overlay{display:block}}.cyber-circle-1{width:600px;height:600px;top:-200px;left:-200px;border-color:var(--neon-cyan);animation:rotate 30s linear infinite}.cyber-circle-2{width:400px;height:400px;bottom:-100px;right:-100px;border-color:var(--neon-magenta);animation:rotate 20s linear infinite reverse}.cyber-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:lineScan 4s ease-in-out infinite}.cyber-line-1{width:100%;top:30%}.cyber-line-2{width:100%;top:70%;animation-delay:2s}@keyframes lineScan{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:.3;transform:translate(100%)}}.auth-container{position:relative;z-index:1;width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo-sub{font-family:var(--font-mono);font-size:.75rem;color:var(--neon-cyan);letter-spacing:.3em;opacity:.7}.auth-method-toggle{display:flex;background:#0000004d;border-radius:var(--radius-md);padding:4px;margin-bottom:1.5rem}.method-btn{flex:1;padding:.75rem;background:transparent;border:none;color:#ffffff80;font-family:var(--font-display);font-size:.8rem;letter-spacing:.1em;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.method-btn.active{background:#00fff51a;color:var(--neon-cyan);box-shadow:0 0 10px #00fff533}.auth-form{display:flex;flex-direction:column;gap:.5rem}.resend-btn{background:none;border:none;color:var(--neon-cyan);font-size:.8rem;cursor:pointer;margin-top:.5rem;opacity:.7;transition:opacity var(--transition-fast)}.resend-btn:hover{opacity:1}.btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 480px){.auth-page{padding:1rem .75rem;align-items:flex-start;padding-top:70px}.auth-container{max-width:100%}.auth-card{padding:1.5rem 1.25rem;border-radius:12px}.auth-logo h1{font-size:2.2rem}.auth-logo-sub{font-size:.65rem;letter-spacing:.2em}.auth-method-toggle{margin-bottom:1rem}.method-btn{padding:.6rem;font-size:.75rem}.identifier-toggle{gap:.4rem}.id-btn{padding:.4rem;font-size:.8rem}.cyber-input{padding:.75rem 1rem;font-size:.9rem}.cyber-input-label{font-size:.7rem}.auth-footer{font-size:.85rem;margin-top:1.5rem;padding-top:1rem}.cyber-btn{padding:.75rem 1.5rem;font-size:.8rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:90px;position:relative;overflow:hidden}.auth-bg-elements{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.cyber-circle{position:absolute;border-radius:50%;border:1px solid;opacity:.1}.cyber-circle-1{width:600px;height:600px;top:-200px;right:-200px;border-color:var(--neon-magenta);animation:rotate 30s linear infinite}.cyber-circle-2{width:400px;height:400px;bottom:-100px;left:-100px;border-color:var(--neon-cyan);animation:rotate 20s linear infinite reverse}.hex-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300fff5' fill-opacity='0.03'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{position:relative;z-index:1;width:100%;max-width:440px}.auth-card{padding:2.5rem}.auth-logo{text-align:center;margin-bottom:1.5rem}.auth-logo h1{font-size:3rem;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.auth-logo-sub{font-family:var(--font-mono);font-size:.75rem;color:var(--neon-magenta);letter-spacing:.3em;opacity:.7}.register-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.step{display:flex;flex-direction:column;align-items:center;gap:.25rem}.step-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;background:#ffffff1a;color:#ffffff4d;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.step.active .step-num{background:var(--neon-cyan);color:var(--cyber-black);border-color:var(--neon-cyan);box-shadow:0 0 15px #00fff580}.step-label{font-size:.7rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em}.step.active .step-label{color:var(--neon-cyan)}.step-line{width:40px;height:1px;background:#ffffff1a;margin:0 .5rem 1rem}.identifier-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.id-btn{flex:1;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-family:var(--font-body);font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.id-btn.active{border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff00ff0d}.auth-form{display:flex;flex-direction:column;gap:.75rem}.otp-info{text-align:center;margin-bottom:1rem}.otp-info p{color:#ffffff80;font-size:.9rem}.otp-identifier{color:var(--neon-cyan);font-family:var(--font-mono);font-size:.85rem}.otp-input{text-align:center;font-size:1.5rem;letter-spacing:.5em;font-family:var(--font-mono)}.otp-actions,.form-actions{display:flex;justify-content:space-between;align-items:center}.back-btn,.resend-btn{background:none;border:none;font-size:.85rem;cursor:pointer;transition:opacity var(--transition-fast)}.back-btn{color:#ffffff80}.resend-btn{color:var(--neon-cyan)}.back-btn:hover,.resend-btn:hover{opacity:.7}.input-hint{font-size:.75rem;color:#fff6;margin-top:.25rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.9rem}.auth-link{color:var(--neon-cyan);text-decoration:none;margin-left:.5rem;font-weight:600;transition:text-shadow var(--transition-fast)}.auth-link:hover{text-shadow:var(--glow-cyan)}@media (max-width: 480px){.auth-page{padding:1rem .75rem;align-items:flex-start;padding-top:70px}.auth-container{max-width:100%}.auth-card{padding:1.5rem 1.25rem;border-radius:12px}.auth-logo h1{font-size:2.2rem}.auth-logo-sub{font-size:.65rem;letter-spacing:.2em}.auth-logo{margin-bottom:1rem}.register-steps{margin-bottom:1.25rem}.step-num{width:26px;height:26px;font-size:.75rem}.step-label{font-size:.6rem}.step-line{width:30px}.identifier-toggle{gap:.4rem}.id-btn{padding:.4rem;font-size:.8rem}.cyber-input{padding:.75rem 1rem;font-size:.9rem}.cyber-input-label{font-size:.7rem}.otp-input{font-size:1.2rem;letter-spacing:.3em}.otp-info p{font-size:.8rem}.auth-footer{font-size:.85rem;margin-top:1.5rem;padding-top:1rem}.cyber-btn{padding:.75rem 1.5rem;font-size:.8rem}}.home-page{min-height:100vh;position:relative;overflow:hidden;padding-top:70px}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,245,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,245,.03) 1px,transparent 1px);background-size:100px 100px;perspective:500px;transform:rotateX(60deg);transform-origin:center 100%;animation:gridPerspective 20s linear infinite}@keyframes gridPerspective{0%{background-position:0 0}to{background-position:0 100px}}.bg-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.bg-glow-1{width:600px;height:600px;background:var(--neon-cyan);top:-200px;left:-100px;animation:float 10s ease-in-out infinite}.bg-glow-2{width:500px;height:500px;background:var(--neon-magenta);bottom:-200px;right:-100px;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-shape{position:absolute;width:20px;height:20px;border:1px solid rgba(0,255,245,.3);animation:floatShape 8s ease-in-out infinite}.shape-1,.shape-4{border-radius:50%}.shape-2,.shape-5{transform:rotate(45deg)}.shape-3,.shape-6{clip-path:polygon(50% 0%,0% 100%,100% 100%);border:none;background:#f0f3}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-50px) rotate(180deg);opacity:.6}}.home-content{position:relative;z-index:1;min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:2rem}.hero-section{text-align:center;max-width:800px}.welcome-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00fff51a;border:1px solid rgba(0,255,245,.2);border-radius:50px;font-size:.9rem;color:var(--neon-cyan);margin-bottom:2rem}.badge-icon{font-size:1rem}.hero-title{font-size:clamp(2.5rem,8vw,5rem);line-height:1.1;margin-bottom:1.5rem}.title-line{display:block;font-family:var(--font-display);font-weight:900;letter-spacing:.05em}.title-gradient{background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.hero-subtitle{font-size:1.2rem;color:#fff9;max-width:500px;margin:0 auto 2rem;line-height:1.6}.stats-row{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem}.stat-item{display:flex;flex-direction:column;align-items:center;position:relative}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.stat-pulse{position:absolute;top:0;right:-10px;width:8px;height:8px;background:var(--neon-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}.start-button-wrapper{position:relative;display:inline-block;margin-bottom:3rem}.mega-start-button{position:relative;width:220px;height:80px;background:transparent;border:none;cursor:pointer;outline:none;z-index:1}.btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;overflow:hidden}.btn-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));opacity:.9}.btn-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));filter:blur(20px);opacity:.6;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.btn-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);animation:scanlines .5s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.btn-content{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;height:100%;z-index:2}.btn-icon{width:30px;height:30px;color:var(--cyber-black)}.btn-icon svg{width:100%;height:100%}.btn-text{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--cyber-black);letter-spacing:.15em}.btn-border{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;pointer-events:none}.border-svg{width:100%;height:100%}.border-rect{width:calc(100% - 6px);height:calc(100% - 6px);x:3px;y:3px;fill:none;stroke:#ffffff80;stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;animation:borderDraw 2s ease-in-out infinite}@keyframes borderDraw{0%{stroke-dashoffset:400}50%{stroke-dashoffset:0}to{stroke-dashoffset:-400}}.corner{position:absolute;width:15px;height:15px;border-color:#fff;border-style:solid}.corner-tl{top:-5px;left:-5px;border-width:2px 0 0 2px}.corner-tr{top:-5px;right:-5px;border-width:2px 2px 0 0}.corner-bl{bottom:-5px;left:-5px;border-width:0 0 2px 2px}.corner-br{bottom:-5px;right:-5px;border-width:0 2px 2px 0}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(0,255,245,.3);pointer-events:none}.orbit-1{width:350px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbitRotate 10s linear infinite}.orbit-2{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#f0f3;animation:orbitRotate 15s linear infinite reverse}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.info-cards{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.info-card{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all var(--transition-fast)}.info-card:hover{border-color:var(--neon-cyan);background:#00fff50d}.info-icon{font-size:1.2rem}.info-text{font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){.home-page{padding-top:60px}.home-content{padding:1rem;min-height:calc(100vh - 60px)}.hero-title{font-size:clamp(1.8rem,10vw,3rem);margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem;padding:0 .5rem}.welcome-badge{font-size:.8rem;padding:.4rem .8rem;margin-bottom:1.5rem}.stats-row{flex-direction:row;gap:1rem;margin-bottom:2rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.stat-divider{width:1px;height:30px}.start-button-wrapper{margin-bottom:2rem}.mega-start-button{width:180px;height:65px}.btn-text{font-size:1.4rem}.btn-icon{width:24px;height:24px}.info-cards{gap:.75rem}.info-card{padding:.6rem 1rem;font-size:.85rem}.info-icon{font-size:1rem}.info-text{font-size:.8rem}}@media (max-width: 380px){.hero-title{font-size:1.6rem}.mega-start-button{width:160px;height:58px}.btn-text{font-size:1.2rem}.info-cards{flex-direction:column;align-items:center}.info-card{width:100%;justify-content:center}}.chat-room-page{min-height:80vh;padding-top:70px;background:var(--cyber-black)}.error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.error-card{padding:2rem;text-align:center;max-width:400px}.error-icon{font-size:3rem;margin-bottom:1rem;display:block}.error-card h3{color:var(--neon-red);margin-bottom:1rem}.error-card p{color:#ffffffb3;margin-bottom:1.5rem}.chat-layout{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100vh - 200px);padding:1rem;max-width:1400px;margin:0 auto}.video-section{position:relative}.remote-video-container{width:100%;height:100%;min-height:400px}.remote-video{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80}.searching-animation{display:flex;flex-direction:column;align-items:center;gap:1rem}.search-dots span{animation:blink 1.4s infinite both}.search-dots span:nth-child(2){animation-delay:.2s}.search-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.ended-message{display:flex;flex-direction:column;align-items:center;gap:1rem}.ended-icon{font-size:3rem}.partner-info{position:absolute;bottom:1rem;left:1rem;background:#000000b3;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem}.partner-name{font-weight:600;color:#fff}.partner-status{color:var(--neon-green);font-size:.8rem}.local-video-container{position:absolute;bottom:1rem;right:1rem;width:200px;height:150px;border-radius:12px;overflow:hidden;border:2px solid var(--neon-cyan);box-shadow:0 0 20px #00fff54d;cursor:grab;z-index:10}.local-video-container:active{cursor:grabbing}.local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.local-label{position:absolute;bottom:.5rem;left:.5rem;background:#0009;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:var(--neon-cyan)}.chat-section{display:flex;flex-direction:column;height:100%}.chat-header{padding:1rem;border-bottom:1px solid rgba(0,255,245,.1);display:flex;align-items:center;justify-content:space-between}.chat-header h3{font-family:var(--font-display);font-size:1rem;color:var(--neon-cyan);margin:0}.chat-partner{font-size:.8rem;color:#ffffff80}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.no-messages{text-align:center;color:#ffffff4d;margin:auto}.message{max-width:85%;padding:.75rem 1rem;border-radius:12px;position:relative}.message-self{align-self:flex-end;background:linear-gradient(135deg,#00fff526,#00d4ff26);border:1px solid rgba(0,255,245,.2)}.message-other{align-self:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.message-content{color:#fff;word-break:break-word}.message-time{font-size:.65rem;color:#ffffff4d;margin-top:.25rem;display:block}.typing-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff80}.typing-dots{display:flex;gap:2px}.typing-dots span{width:6px;height:6px;background:var(--neon-magenta);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.message-form{padding:1rem;border-top:1px solid rgba(0,255,245,.1);display:flex;gap:.5rem}.message-input{flex:1;background:#0000004d;border:1px solid rgba(0,255,245,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-family:var(--font-body);outline:none;transition:all var(--transition-fast)}.message-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00fff533}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-btn{width:45px;height:45px;background:var(--neon-cyan);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.send-btn svg{width:20px;height:20px;stroke:var(--cyber-black)}.send-btn:hover:not(:disabled){box-shadow:0 0 15px #00fff580}.send-btn:disabled{background:#ffffff1a;cursor:not-allowed}.send-btn:disabled svg{stroke:#ffffff4d}.control-bar{position:fixed;bottom:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,245,.1);padding:1rem 2rem;display:flex;justify-content:center;gap:1rem;z-index:100}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast)}.control-btn svg{width:20px;height:20px}.exit-btn{background:transparent;border:1px solid var(--neon-red);color:var(--neon-red)}.exit-btn:hover{background:#ff00401a;box-shadow:0 0 15px #ff00404d}.skip-btn{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));border:none;color:var(--cyber-black)}.skip-btn:hover{box-shadow:0 0 20px #00fff580}@media (max-width: 900px){.chat-room-page{padding-top:65px}.chat-layout{display:flex;flex-direction:column;height:calc(100vh - 85px);padding:0;gap:0;max-width:100%}.video-section{flex:0 0 55vh;min-height:300px;max-height:60vh;position:relative}.remote-video-container{height:100%;border-radius:0}.local-video-container{width:90px;height:68px;bottom:.5rem;right:.5rem}.partner-info{bottom:.5rem;left:.5rem;padding:.35rem .75rem;font-size:.8rem}.control-bar{position:relative;bottom:auto;left:auto;right:auto;flex:0 0 auto;padding:.75rem;gap:.5rem;border-top:1px solid rgba(0,255,245,.2);border-bottom:1px solid rgba(0,255,245,.2)}.control-btn{flex:1;padding:.7rem .5rem;font-size:.75rem;gap:.35rem;justify-content:center}.control-btn svg{width:18px;height:18px}.control-btn span:last-child{display:none}.chat-section{flex:1 1 auto;min-height:180px;border-radius:0}.chat-header{padding:.75rem;border-bottom:1px solid rgba(0,255,245,.15)}.chat-header h3{font-size:.9rem}.messages-container{padding:.75rem;gap:.6rem}.message{max-width:85%;padding:.6rem .85rem;font-size:.9rem}.message-form{padding:.75rem;gap:.5rem}.message-input{padding:.7rem .85rem;font-size:.9rem}.send-btn{width:42px;height:42px}.filter-panel{position:fixed;left:.5rem;right:.5rem;bottom:auto;top:50%;transform:translateY(-50%);max-width:none;padding:.85rem;z-index:300}.filter-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.filter-icon{font-size:1.2rem}.filter-name{font-size:.6rem}.filter-btn{padding:.6rem .3rem}.error-card{margin:1rem;padding:1.5rem}}@media (max-width: 480px){.chat-room-page{padding-top:60px}.chat-layout{height:calc(100vh - 150px)}.video-section{flex:0 0 50vh;min-height:300px;max-height:55vh}.local-video-container{width:75px;height:56px;border-radius:6px}.control-bar{padding:.6rem;gap:.4rem}.control-btn{padding:.6rem .4rem;font-size:.7rem;border-radius:6px}.control-btn svg{width:16px;height:16px}.chat-section{min-height:150px}.chat-header{padding:.6rem .75rem}.chat-header h3{font-size:.85rem}.messages-container{padding:.6rem;gap:.5rem}.message{max-width:90%;padding:.5rem .7rem;font-size:.85rem}.message-form{padding:.6rem}.message-input{padding:.6rem .75rem;font-size:.85rem}.send-btn{width:38px;height:38px}.filter-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.filter-panel{padding:.75rem}.filter-icon{font-size:1.1rem}.filter-name{font-size:.55rem}}.filter-toggle-btn{background:transparent;border:1px solid var(--neon-magenta);color:var(--neon-magenta)}.filter-toggle-btn:hover{background:#ff00c81a;box-shadow:0 0 15px #ff00c84d}.filter-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#0a0a14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,0,200,.3);border-radius:16px;padding:1rem;z-index:200;max-width:520px;width:90%;box-shadow:0 0 30px #ff00c826,0 10px 40px #00000080}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.filter-panel-header span{font-family:var(--font-display);font-size:.85rem;color:var(--neon-magenta);letter-spacing:.1em;text-transform:uppercase}.filter-close-btn{background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.filter-close-btn:hover{color:#fff;background:#ffffff1a}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.filter-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff14;border-color:#ffffff26}.filter-btn.filter-active{background:#ff00c826;border-color:var(--neon-magenta);box-shadow:0 0 12px #ff00c840}.filter-icon{font-size:1.3rem;line-height:1}.filter-name{font-size:.65rem;color:#fff9;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.filter-active .filter-name{color:var(--neon-magenta)}.profile-page{min-height:100vh;padding:90px 1rem 2rem;background:var(--cyber-black)}.profile-container{max-width:700px;margin:0 auto}.profile-header{text-align:center;margin-bottom:2rem}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-ring{width:120px;height:120px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));animation:ringRotate 4s linear infinite}@keyframes ringRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.avatar{width:100%;height:100%;border-radius:50%;background:var(--cyber-dark);display:flex;align-items:center;justify-content:center;font-size:3rem;font-family:var(--font-display);color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan)}.user-info h1{font-family:var(--font-display);font-size:1.75rem;color:#fff;margin:0}.user-info p{color:#ffffff80;margin:.25rem 0 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{padding:1rem;display:flex;align-items:center;gap:.75rem}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:1.25rem;color:var(--neon-cyan)}.stat-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.profile-form{padding:2rem}.form-title{font-family:var(--font-display);font-size:1.25rem;color:var(--neon-cyan);margin:0 0 1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffb3;font-size:.9rem}.bio-input{resize:vertical;min-height:80px}.char-count{display:block;text-align:right;font-size:.75rem;color:#ffffff4d;margin-top:.25rem}.gender-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.gender-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.gender-option input{display:none}.gender-option.selected{border-color:var(--neon-cyan);background:#00fff50d}.gender-option span{color:#ffffffb3;font-size:.9rem}.gender-option.selected span{color:var(--neon-cyan)}.interests-container{display:flex;flex-direction:column;gap:.75rem}.selected-interests{display:flex;flex-wrap:wrap;gap:.5rem;min-height:35px}.interest-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#00fff51a,#ff00ff1a);border:1px solid rgba(0,255,245,.3);border-radius:20px;font-size:.8rem;color:var(--neon-cyan)}.remove-tag{background:none;border:none;color:var(--neon-red);font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.interest-input-wrapper{display:flex;gap:.5rem}.interest-input-wrapper .cyber-input{flex:1}.add-interest-btn{width:45px;background:var(--neon-cyan);border:none;border-radius:8px;font-size:1.5rem;color:var(--cyber-black);cursor:pointer;transition:all var(--transition-fast)}.add-interest-btn:hover:not(:disabled){box-shadow:0 0 15px #00fff580}.add-interest-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.suggested-interests{display:flex;flex-wrap:wrap;gap:.5rem}.suggested-tag{padding:.35rem .75rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.2);border-radius:20px;font-size:.75rem;color:#ffffff80;cursor:pointer;transition:all var(--transition-fast)}.suggested-tag:hover:not(:disabled){border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff00ff0d}.suggested-tag:disabled{opacity:.3;cursor:not-allowed}.save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;font-size:1rem}.save-btn svg{width:20px;height:20px}.btn-loading{display:flex;align-items:center;gap:.5rem}.back-btn{display:block;margin:2rem auto 0;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;transition:color var(--transition-fast)}.back-btn:hover{color:var(--neon-cyan)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.welcome-modal{max-width:500px;width:100%;padding:2rem;position:relative;animation:modalGlow 2s ease-in-out infinite alternate}@keyframes modalGlow{0%{box-shadow:0 0 30px #0ff3}to{box-shadow:0 0 50px #ff00ff4d}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.modal-header h2{font-size:1.25rem;margin:0;color:var(--neon-cyan)}.modal-close{background:none;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{color:var(--neon-red);transform:rotate(90deg)}.modal-body{text-align:center;padding:1rem 0}.modal-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-text{color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:2rem}.profile-checklist{display:flex;flex-direction:column;gap:1rem;text-align:left;margin-bottom:2rem}.checklist-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all var(--transition-fast)}.checklist-item.completed{border-color:var(--neon-cyan);background:#00ffff0d}.check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);font-size:1rem;color:#ffffff4d;transition:all var(--transition-fast)}.checklist-item.completed .check-icon{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00ffff1a}.checklist-item span:last-child{color:#fff9;font-size:.95rem}.checklist-item.completed span:last-child{color:var(--neon-cyan)}.modal-footer{display:flex;gap:1rem;justify-content:center;padding-top:1rem}.modal-footer .cyber-btn{flex:1;padding:.85rem 1.5rem;font-size:.9rem}@media (max-width: 600px){.profile-page{padding:70px .75rem 1.5rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.75rem}.gender-options{grid-template-columns:1fr;gap:.5rem}.profile-form{padding:1.25rem}.avatar-ring{width:90px;height:90px}.avatar{font-size:2.2rem}.user-info h1{font-size:1.4rem}.form-title{font-size:1.1rem}.cyber-input{padding:.75rem 1rem;font-size:.9rem}.interest-tag{font-size:.75rem;padding:.3rem .6rem}.suggested-tag{font-size:.7rem;padding:.3rem .6rem}.save-btn{padding:.85rem;font-size:.9rem}.welcome-modal{padding:1.5rem}.modal-header h2{font-size:1rem}.modal-icon{font-size:3rem}.modal-text{font-size:.9rem}.modal-footer{flex-direction:column}.modal-footer .cyber-btn{width:100%}}:root{--cyber-black: #0a0a0f;--cyber-dark: #0d0d15;--cyber-darker: #08080c;--cyber-surface: #12121c;--cyber-surface-light: #1a1a2e;--neon-cyan: #00fff5;--neon-magenta: #ff00ff;--neon-pink: #ff2d95;--neon-blue: #00d4ff;--neon-purple: #9d00ff;--neon-green: #00ff88;--neon-yellow: #ffff00;--neon-orange: #ff6b00;--neon-red: #ff0040;--gradient-cyber: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-magenta) 100%);--gradient-sunset: linear-gradient(135deg, var(--neon-orange) 0%, var(--neon-pink) 50%, var(--neon-purple) 100%);--gradient-matrix: linear-gradient(180deg, rgba(0,255,136,.1) 0%, transparent 100%);--gradient-dark: linear-gradient(180deg, var(--cyber-dark) 0%, var(--cyber-black) 100%);--glow-cyan: 0 0 20px rgba(0, 255, 245, .5), 0 0 40px rgba(0, 255, 245, .3), 0 0 60px rgba(0, 255, 245, .1);--glow-magenta: 0 0 20px rgba(255, 0, 255, .5), 0 0 40px rgba(255, 0, 255, .3), 0 0 60px rgba(255, 0, 255, .1);--glow-pink: 0 0 20px rgba(255, 45, 149, .5), 0 0 40px rgba(255, 45, 149, .3);--glow-blue: 0 0 20px rgba(0, 212, 255, .5), 0 0 40px rgba(0, 212, 255, .3);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cyber-black);color:#e0e0e0;min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,245,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(157,0,255,.03) 0%,transparent 70%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,245,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,245,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cyber-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-magenta));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-magenta),var(--neon-cyan))}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.text-gradient{background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:var(--glow-cyan)}.text-glow-pink{text-shadow:var(--glow-pink)}.glass-card{background:#0d0d15cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,255,245,.1);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:.5}.glass-card-hover{transition:all var(--transition-normal)}.glass-card-hover:hover{border-color:#00fff54d;box-shadow:var(--glow-cyan);transform:translateY(-2px)}.cyber-btn{font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-sm);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal);outline:none}.cyber-btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));color:var(--cyber-black);box-shadow:0 0 20px #00fff54d}.cyber-btn-primary:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px) scale(1.02)}.cyber-btn-primary:active{transform:translateY(0) scale(.98)}.cyber-btn-secondary{background:transparent;color:var(--neon-magenta);border:2px solid var(--neon-magenta);box-shadow:0 0 10px #f0f3}.cyber-btn-secondary:hover{background:#ff00ff1a;box-shadow:var(--glow-magenta);transform:translateY(-2px)}.cyber-btn-danger{background:linear-gradient(135deg,var(--neon-red),var(--neon-orange));color:#fff;box-shadow:0 0 15px #ff00404d}.cyber-btn-danger:hover{box-shadow:0 0 30px #ff004080;transform:translateY(-2px)}.cyber-btn-start{font-size:1.5rem;padding:var(--space-xl) var(--space-3xl);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));color:var(--cyber-black);border-radius:var(--radius-xl);position:relative;z-index:1}.cyber-btn-start:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta),var(--neon-cyan));border-radius:var(--radius-xl);z-index:-1;opacity:.7;filter:blur(10px);animation:pulse-glow 2s ease-in-out infinite}.cyber-btn-start:hover{transform:scale(1.05);box-shadow:var(--glow-cyan),var(--glow-magenta)}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.cyber-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.cyber-input-group{position:relative;margin-bottom:var(--space-lg)}.cyber-input{width:100%;font-family:var(--font-body);font-size:1rem;padding:var(--space-md) var(--space-lg);background:#0a0a0fcc;border:1px solid rgba(0,255,245,.2);border-radius:var(--radius-md);color:#fff;outline:none;transition:all var(--transition-normal)}.cyber-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00fff533}.cyber-input::placeholder{color:#ffffff4d}.cyber-input-label{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:var(--space-sm);display:block}.cyber-input-error{border-color:var(--neon-red)!important;box-shadow:0 0 15px #ff004033!important}.cyber-error-text{font-size:.8rem;color:var(--neon-red);margin-top:var(--space-xs)}.card-3d{perspective:1000px}.card-3d-inner{transition:transform var(--transition-slow);transform-style:preserve-3d}.card-3d:hover .card-3d-inner{transform:rotateY(5deg) rotateX(-5deg)}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.video-container{position:relative;aspect-ratio:16/9;background:var(--cyber-dark);border-radius:var(--radius-lg);overflow:hidden;border:2px solid rgba(0,255,245,.2)}.video-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,255,245,.05) 0%,transparent 50%,rgba(255,0,255,.05) 100%);pointer-events:none;z-index:1}.video-container video{width:100%;height:100%;object-fit:cover}.video-container-glow{box-shadow:0 0 0 1px #00fff51a,0 0 30px #00fff51a,0 0 60px #ff00ff0d}.video-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:2;animation:scanlines .5s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(2px)}}.chat-container{display:flex;flex-direction:column;height:100%;background:#0a0a0fe6;border-radius:var(--radius-lg);border:1px solid rgba(0,255,245,.1)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.chat-message{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.95rem;word-wrap:break-word}.chat-message-self{align-self:flex-end;background:linear-gradient(135deg,#00fff533,#00d4ff33);border:1px solid rgba(0,255,245,.3);color:var(--neon-cyan)}.chat-message-other{align-self:flex-start;background:linear-gradient(135deg,#ff00ff1a,#9d00ff1a);border:1px solid rgba(255,0,255,.2);color:var(--neon-magenta)}.chat-input-container{padding:var(--space-md);border-top:1px solid rgba(0,255,245,.1);display:flex;gap:var(--space-sm)}.chat-input{flex:1;background:#0a0a0fcc;border:1px solid rgba(0,255,245,.2);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:#fff;font-family:var(--font-body);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.chat-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00fff533}.cyber-loader{width:60px;height:60px;border:3px solid transparent;border-top-color:var(--neon-cyan);border-right-color:var(--neon-magenta);border-radius:50%;animation:spin 1s linear infinite;position:relative}.cyber-loader:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:3px solid transparent;border-bottom-color:var(--neon-pink);border-left-color:var(--neon-purple);border-radius:50%;animation:spin .5s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:var(--neon-cyan);animation:glitch-1 2s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.glitch:after{color:var(--neon-magenta);animation:glitch-2 3s infinite linear alternate-reverse;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px)}40%{transform:translate(-2px)}60%{transform:translate(1px)}80%{transform:translate(-1px)}}.cyber-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,245,.1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:1000}.cyber-navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-magenta),transparent)}.cyber-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em;cursor:pointer;transition:transform var(--transition-fast)}.cyber-logo:hover{transform:scale(1.05)}.cyber-nav-links{display:flex;align-items:center;gap:var(--space-xl)}.cyber-nav-link{font-family:var(--font-display);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;text-decoration:none;position:relative;padding:var(--space-sm) 0;transition:color var(--transition-fast)}.cyber-nav-link:hover{color:var(--neon-cyan)}.cyber-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-cyber);transition:width var(--transition-normal)}.cyber-nav-link:hover:after{width:100%}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.page-wrapper{min-height:100vh;padding-top:90px;display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}@media (max-width: 768px){:root{font-size:14px}.cyber-navbar{padding:0 var(--space-md);height:60px}.cyber-logo{font-size:1.2rem}.cyber-btn-start{font-size:1.2rem;padding:var(--space-lg) var(--space-xl)}.container{padding:0 var(--space-md)}.page-wrapper{padding-top:70px}.glass-card{border-radius:var(--radius-md)}.cyber-input-group{margin-bottom:var(--space-md)}.cyber-input{padding:var(--space-sm) var(--space-md);font-size:.95rem}.cyber-input-label{font-size:.7rem;margin-bottom:var(--space-xs)}.cyber-btn{padding:var(--space-sm) var(--space-lg);font-size:.8rem}.video-container{border-radius:var(--radius-md)}.cyber-loader{width:45px;height:45px}}@media (max-width: 480px){:root{font-size:13px}.cyber-navbar{height:55px;padding:0 .75rem}.cyber-logo{font-size:1.1rem}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}@media (pointer: coarse){.cyber-btn,.cyber-input{min-height:44px}.cyber-nav-link{padding:var(--space-md) var(--space-sm)}}@media (max-height: 500px) and (orientation: landscape){.cyber-navbar{height:50px}.page-wrapper{padding-top:55px}}::selection{background:#00fff54d;color:var(--neon-cyan)}::-moz-selection{background:#00fff54d;color:var(--neon-cyan)}