#root{width:100%;min-height:100vh}.entrance-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.hyperspace-container{position:absolute;width:100%;height:100%;perspective:1000px;overflow:hidden}.hyperspace-star{position:absolute;width:3px;height:3px;background:var(--cyan-primary);border-radius:50%;box-shadow:0 0 8px var(--cyan-primary),0 0 16px var(--cyan-primary),0 0 24px var(--cyan-secondary),0 0 32px var(--purple);transform-origin:center}.hyperspace-star:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-primary),transparent);opacity:.6}.energy-burst{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--cyan-primary) 0%,var(--cyan-secondary) 25%,var(--purple) 50%,var(--pink) 70%,transparent 100%);border-radius:50%;filter:blur(30px);box-shadow:0 0 150px var(--cyan-primary),0 0 250px var(--cyan-secondary),0 0 350px var(--purple),0 0 450px var(--pink);animation:energy-pulse 1.5s ease-out}@keyframes energy-pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.holographic-reveal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;z-index:2;background:radial-gradient(circle at center,rgba(0,255,200,.05) 0%,transparent 70%)}.holographic-reveal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,200,.03) 2px,rgba(0,255,200,.03) 4px);animation:scanlines .1s linear infinite;pointer-events:none;z-index:1}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.hologram-text{position:relative;text-align:center;z-index:3}.logo-text{display:block;font-size:120px;font-weight:900;letter-spacing:-4px;background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-secondary),var(--purple),var(--pink),var(--cyan-primary));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;filter:drop-shadow(0 0 40px rgba(0,255,200,.8));text-shadow:0 0 20px rgba(0,255,200,.8),0 0 40px rgba(0,255,200,.6),0 0 60px rgba(0,255,200,.4);position:relative}.logo-text:before{content:"◬ SPAWN7";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.6;z-index:-1;animation:pulse-glow 2s ease-in-out infinite}.logo-text:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(0,255,200,.3) 0%,rgba(0,212,255,.2) 30%,rgba(123,44,191,.1) 60%,transparent 80%);z-index:-2;animation:pulse-glow 2s ease-in-out infinite;filter:blur(40px)}.hologram-text:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,255,200,.1),transparent,rgba(0,212,255,.1),transparent,rgba(123,44,191,.1),transparent);z-index:-3;animation:rotate-glow 4s linear infinite;filter:blur(60px)}@keyframes rotate-glow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.subtitle{margin-top:30px;font-size:18px;font-weight:600;letter-spacing:8px;color:var(--cyan-primary);text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,200,.8),0 0 20px rgba(0,255,200,.6);font-family:var(--font-mono);position:relative}.subtitle:before,.subtitle:after{content:"◈";position:absolute;top:50%;transform:translateY(-50%);color:var(--cyan-primary);font-size:24px;opacity:.6;animation:pulse-glow 2s ease-in-out infinite}.subtitle:before{left:-40px}.subtitle:after{right:-40px}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to bottom,transparent,var(--cyan-primary),transparent);box-shadow:0 0 20px var(--cyan-primary),0 0 40px var(--cyan-secondary);z-index:4}.materialization{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.materialization:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border:2px solid var(--cyan-primary);border-radius:50%;animation:expand-ring 2s ease-out forwards;box-shadow:0 0 20px var(--cyan-primary),0 0 40px var(--cyan-secondary),inset 0 0 20px var(--cyan-primary)}@keyframes expand-ring{0%{width:0;height:0;opacity:1}50%{opacity:.8}to{width:200vw;height:200vh;opacity:0}}.energy-grid{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:2px;opacity:.3}.grid-line{background:linear-gradient(90deg,transparent,var(--cyan-primary),transparent);height:1px;transform-origin:center}.energy-grid:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:2px;background:var(--cyan-primary);border-radius:50%;box-shadow:0 0 20px var(--cyan-primary),0 0 40px var(--cyan-secondary),0 0 60px var(--purple);animation:pulse-glow 1s ease-in-out infinite}.particle-explosion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px}.particle{position:absolute;width:6px;height:6px;background:var(--cyan-primary);border-radius:50%;box-shadow:0 0 10px var(--cyan-primary),0 0 20px var(--cyan-secondary)}.final-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,200,.4) 0%,rgba(0,212,255,.3) 25%,rgba(123,44,191,.2) 50%,rgba(255,0,128,.1) 75%,transparent 100%);pointer-events:none;filter:blur(30px)}.final-flash:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 50%);animation:white-flash .3s ease-out}@keyframes white-flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@media(max-width:768px){.logo-text{font-size:60px;letter-spacing:-2px}.subtitle{font-size:12px;letter-spacing:4px;margin-top:20px}.subtitle:before,.subtitle:after{font-size:16px}.subtitle:before{left:-30px}.subtitle:after{right:-30px}.energy-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}}@media(prefers-reduced-motion:reduce){.entrance-animation *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--cyan-primary: #00ffc8;--cyan-secondary: #00d4ff;--purple: #7b2cbf;--pink: #ff0080;--bg-dark: #000000;--text-primary: #e0e6ff;--text-secondary: #a0a6c0;--text-muted: #6b7280;--warning: #ff0080;--success: #00ff88;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-mono: "SF Mono", "Monaco", "Consolas", monospace;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--blur-glass: blur(10px);--shadow-glow: 0 0 20px rgba(0, 255, 200, .3);--shadow-glow-strong: 0 0 40px rgba(0, 255, 200, .5);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes data-stream{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes particle-float{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20vh) translate(var(--drift));opacity:0}}@keyframes pulse-border{0%,to{opacity:.3}50%{opacity:1}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes text-glitch{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px,2px)}92%{transform:translate(2px,-2px)}93%{transform:translate(0)}}@keyframes logoPulse{0%,to{text-shadow:0 0 20px rgba(0,255,200,.8),0 0 40px rgba(0,255,200,.6),0 0 60px rgba(0,255,200,.4)}50%{text-shadow:0 0 30px rgba(0,212,255,1),0 0 50px rgba(0,212,255,.8),0 0 70px rgba(0,212,255,.6)}}body{font-family:var(--font-mono);background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;position:relative;cursor:crosshair;min-height:100vh;min-height:-webkit-fill-available;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:pan-y;overscroll-behavior-y:contain;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{position:relative;z-index:2;max-width:2000px;margin:0 auto;padding:20px}.card{background:#0009;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid rgba(0,255,200,.2);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-glow);transition:all var(--transition-base);will-change:transform;transform:translateZ(0);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,200,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,200,.1),transparent);transition:left .7s ease;pointer-events:none}.card:hover:before{opacity:1}.card:hover:after{left:100%}.card:hover{border-color:var(--cyan-primary);box-shadow:var(--shadow-glow-strong);transform:translateY(-5px)}.wide-card{grid-column:1 / -1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(0,255,200,.2)}.card-header h2{font-size:var(--font-size-xl);color:var(--cyan-primary);text-shadow:0 0 10px rgba(0,255,200,.5);font-weight:600;letter-spacing:1px}.btn{background:linear-gradient(135deg,#00ffc81a,#00d4ff1a);border:1px solid var(--cyan-primary);color:var(--cyan-primary);padding:12px 24px;border-radius:8px;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;text-shadow:0 0 10px rgba(0,255,200,.5);width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;min-height:44px;display:flex;align-items:center;justify-content:center}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,200,.3),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{background:linear-gradient(135deg,#00ffc833,#00d4ff33);box-shadow:0 0 20px #00ffc866;transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{border-color:var(--warning);color:var(--warning);background:linear-gradient(135deg,#ff00801a,#ff00800d)}.btn-danger:hover{background:linear-gradient(135deg,#ff008033,#ff00801a);box-shadow:0 0 20px #ff008066}.pricing-btn{background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-secondary));color:#000;font-weight:700;border:none;box-shadow:0 0 20px #00ffc866}.pricing-btn:hover{box-shadow:0 0 30px #00ffc8cc;background:linear-gradient(135deg,var(--cyan-secondary),var(--cyan-primary))}.progress-bar{width:100%;height:8px;background:#00ffc81a;border-radius:4px;overflow:hidden;margin:var(--spacing-sm) 0;position:relative;border:1px solid rgba(0,255,200,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan-primary),var(--cyan-secondary));border-radius:4px;box-shadow:0 0 10px #00ffc880;transition:width var(--transition-slow);position:relative;overflow:hidden}.bio-metric{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-md) 0;padding:var(--spacing-sm) 0}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:var(--font-size-lg);color:var(--cyan-primary);font-weight:600;text-shadow:0 0 10px rgba(0,255,200,.5)}.metric-value.warning{color:var(--warning);text-shadow:0 0 10px rgba(255,0,128,.5)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.module{background:#00ffc80d;border:1px solid rgba(0,255,200,.2);border-radius:12px;padding:var(--spacing-lg);text-align:center;transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px}.module:hover{border-color:var(--cyan-primary);background:#00ffc81a;box-shadow:0 0 20px #00ffc84d;transform:translateY(-5px)}.module-icon{font-size:36px;margin-bottom:var(--spacing-sm)}.module-name{font-size:var(--font-size-xs);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.module-status{font-size:var(--font-size-xs);color:var(--text-secondary)}.module-status.status-online{color:var(--success)}.module-status.status-standby{color:var(--text-secondary)}.module-status.status-beta{color:var(--pink)}.personality-matrix{margin:var(--spacing-lg) 0}.trait{margin:var(--spacing-md) 0}.trait-name{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.trait-bar{position:relative;width:100%;height:24px;background:#00ffc81a;border:1px solid rgba(0,255,200,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.trait-bar:hover{border-color:var(--cyan-primary);box-shadow:0 0 10px #00ffc84d}.trait-fill{height:100%;background:linear-gradient(90deg,var(--cyan-primary),var(--cyan-secondary));border-radius:12px;box-shadow:0 0 10px #00ffc880;transition:width var(--transition-slow)}.trait-percentage{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--cyan-primary);font-weight:600;text-shadow:0 0 5px rgba(0,255,200,.5)}.log-container{max-height:400px;overflow-y:auto;padding:var(--spacing-md);background:#0000004d;border-radius:8px;font-family:var(--font-mono);font-size:var(--font-size-xs)}.log-entry{padding:var(--spacing-xs) 0;color:var(--text-secondary);border-bottom:1px solid rgba(0,255,200,.1);line-height:1.6}.log-entry:last-child{border-bottom:none}.timestamp{color:var(--cyan-primary);margin-right:var(--spacing-sm)}.header{padding:30px 0;border-bottom:1px solid rgba(0,255,200,.3);margin-bottom:40px;position:sticky;top:0;z-index:100;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-primary),var(--purple),var(--cyan-primary),transparent);animation:pulse-border 4s ease-in-out infinite}.header-content{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:1400px;margin:0 auto}.header-right{display:flex;align-items:center;gap:30px}.consciousness-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:linear-gradient(135deg,#00ffc81a,#00d4ff0d);border:1px solid rgba(0,255,200,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.consciousness-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.consciousness-value{font-size:24px;font-weight:700;color:var(--cyan-primary);text-shadow:0 0 15px rgba(0,255,200,.8);line-height:1}.connection-controls{display:flex;align-items:center;gap:20px}.connection-indicator{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0000004d;border:1px solid rgba(0,255,200,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--warning);box-shadow:0 0 10px #ff008080;transition:all .3s ease}.connection-text{font-size:12px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.connect-button{width:auto;min-width:140px;padding:10px 20px;font-size:12px}.connection-stats-bar{display:flex;justify-content:center;gap:40px;padding:20px 0;margin-top:20px;border-top:1px solid rgba(0,255,200,.1)}.connection-stats-bar .stat-item{display:flex;flex-direction:column;align-items:center;gap:6px}.connection-stats-bar .stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px}.connection-stats-bar .stat-value{font-size:18px;color:var(--cyan-primary);font-weight:700;text-shadow:0 0 15px rgba(0,255,200,.8)}@media(max-width:768px){.header{padding:20px 0;margin-bottom:30px}.header-content{flex-direction:column;gap:20px;align-items:stretch}.header-right{flex-direction:column;gap:15px;width:100%}.consciousness-badge{width:100%;padding:15px;touch-action:manipulation}.connection-controls{width:100%;flex-direction:column;gap:15px}.connection-indicator{width:100%;justify-content:center;padding:12px;touch-action:manipulation}.connect-button{width:100%;min-height:48px}.connection-stats-bar{flex-direction:column;gap:15px;padding:15px 0}.connection-stats-bar .stat-item{padding:10px;background:#00ffc80d;border-radius:8px;width:100%}.connection-stats-bar .stat-value{font-size:16px}.connection-stats-bar .stat-label{font-size:9px}}.logo{font-size:36px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-secondary),var(--purple),var(--pink),var(--cyan-primary));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite,text-glitch 5s infinite,logoPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,255,200,.6));position:relative;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.logo:hover{transform:scale(1.08) translateY(-3px);filter:drop-shadow(0 0 50px rgba(0,255,200,1)) drop-shadow(0 0 80px rgba(0,255,200,.8))}@media(max-width:768px){.container{padding:10px}.card{margin:10px 0;padding:15px;-webkit-user-select:none;user-select:none}.card-header h2{font-size:16px}.pricing-section{margin-top:20px}.pricing-content{padding:20px 10px!important}.pricing-card{padding:30px 20px!important}.pricing-amount{font-size:36px!important}.pricing-title{font-size:16px!important}.module-grid{grid-template-columns:repeat(3,1fr)!important;gap:15px}.module{padding:20px;min-height:120px;min-height:100px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.module-icon{font-size:32px}.module-name{font-size:10px}.module-status{font-size:8px}.header{flex-direction:column;align-items:center;gap:15px;padding:15px}.logo{font-size:28px}.btn{min-height:48px;font-size:13px;padding:14px 20px}.connect-button{min-height:48px}.trait-bar{min-height:32px;touch-action:manipulation}.bio-metric{padding:12px 0}.metric-value{font-size:18px}.metric-label{font-size:11px}.progress-bar{min-height:10px;touch-action:manipulation}html,body{overflow-x:hidden;max-width:100vw}footer{padding:20px 10px;padding-bottom:calc(20px + env(safe-area-inset-bottom));font-size:11px}.header{padding-top:calc(20px + env(safe-area-inset-top))}.modal-container{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}.modal-content{padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}}@media(max-width:480px){.container{padding:8px}.card{padding:12px;margin:8px 0}.card-header h2{font-size:14px}.module-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.module{padding:15px;min-height:100px}.module-icon{font-size:28px}.btn{min-height:48px;font-size:12px;padding:12px 16px}.logo{font-size:24px}.consciousness-value{font-size:20px}.pricing-amount{font-size:32px!important}.pricing-icon{font-size:48px!important}.grid{gap:12px;margin-bottom:25px}.neural-canvas{height:120px}.log-container{max-height:250px;font-size:10px;padding:12px}.trait-bar{min-height:28px}.trait-percentage{font-size:10px}}.scanline{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(transparent,rgba(0,255,200,.4),transparent);animation:scanline 3s linear infinite;pointer-events:none;z-index:9999;box-shadow:0 0 20px #00ffc8cc}.cosmic-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(123,44,191,.1) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(0,255,200,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.nebula{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,0,128,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,212,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0;animation:nebula-drift 20s ease-in-out infinite}@keyframes nebula-drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.03}.matrix-column{position:absolute;font-family:var(--font-mono);font-size:12px;color:var(--cyan-primary);white-space:nowrap;animation:data-stream linear infinite;display:flex;flex-direction:column;gap:2px}.particle-field{position:fixed;width:100%;height:100%;z-index:1;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#00ffc899;border-radius:50%;animation:particle-float linear infinite}.neural-canvas{width:100%;height:200px;border-radius:8px;overflow:hidden;background:#0000004d;border:1px solid rgba(0,255,200,.2)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}@media(max-width:1400px){.grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media(max-width:900px){.grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.container{padding:10px}.card{max-width:100%;overflow-x:hidden}.neural-canvas{height:150px}.log-container{max-height:300px;font-size:11px}}.modal-backdrop{position:fixed!important;inset:0!important;background:#000000d9!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:9998!important;width:100vw!important;height:100vh!important;overflow:hidden!important;touch-action:none!important}.modal-container{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:90%!important;max-width:500px!important;max-height:85vh!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:0!important;-webkit-overflow-scrolling:touch!important;-webkit-user-select:none;user-select:none}.modal-content{background:linear-gradient(135deg,#0a1428f2,#141e3ce6)!important;border-radius:20px!important;padding:30px!important;position:relative!important;overflow:visible!important;width:100%!important;box-sizing:border-box!important;-webkit-user-select:text;user-select:text}@media(max-width:768px){.modal-container{width:95%!important;max-width:none!important;max-height:90vh!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:0!important;margin:0!important}.modal-content{padding:50px 20px 20px!important;border-radius:16px!important;max-height:calc(90vh - 40px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-content .btn{min-height:48px;font-size:14px;padding:14px 20px}.modal-actions{flex-direction:column!important;gap:12px!important}.modal-actions .btn{width:100%!important;min-width:100%!important}.modal-content h2{font-size:20px!important;margin-bottom:15px!important}.modal-content p,.modal-content li{font-size:13px!important;line-height:1.6!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}