@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600;700&display=swap";html,body{margin:0;padding:0;max-height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000}#supreme-container{width:min(100dvw,calc(100dvh * 16 / 9));height:min(100dvh,56.25dvw);position:relative}#supreme-container #root{aspect-ratio:16/9}#supreme-container:before{position:absolute;width:100%;height:100%;content:"";z-index:1000;border:1px solid red;pointer-events:none;display:none}.slide{min-width:100%;gap:16px}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.2}.matrix-column{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:20px;color:var(--razer-green);animation:matrix-fall linear infinite;text-shadow:0 0 5px var(--razer-green);writing-mode:vertical-lr;text-orientation:upright;white-space:nowrap;line-height:1.2}@keyframes matrix-fall{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 100%))}}.logo-section{display:flex;align-items:center;justify-content:center;gap:2rem;position:relative;z-index:10}.logo-section:after{content:"";position:absolute;bottom:0;left:50%;width:80%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);animation:underline-slide 2s ease-in-out infinite;transform:translate(-50%)}@keyframes underline-slide{0%,to{transform:translate(-100%)}50%{transform:translate(0)}}.logo-razer{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;position:relative;background:linear-gradient(90deg,var(--razer-green) 0%,var(--light-green) 50%,var(--razer-green) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:scan 3s linear infinite}@keyframes scan{0%{background-position:-200% 0}to{background-position:200% 0}}.access-restricted{display:flex;flex-direction:column;justify-content:space-between;background:transparent;color:var(--text-primary);position:relative;z-index:3}.access-header,.access-footer{background:linear-gradient(90deg,var(--error-red),#ff4444,var(--error-red));padding:.5rem 0;text-align:center;position:relative;box-shadow:0 0 20px #ff004080}.classification-banner{font-family:Orbitron,monospace;font-weight:900;letter-spacing:8px;position:relative}.classification-text{font-size:1.2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);animation:classification-alarm 2s infinite}@keyframes classification-alarm{0%,to{opacity:1}50%{opacity:.7}}.access-container{flex:1;display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;text-align:center;text-wrap-mode:nowrap}.access-title{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:var(--razer-green);text-shadow:0 0 20px var(--razer-glow);margin:1rem 0;display:flex;align-items:center;justify-content:center;gap:1rem}.lock-icon{font-size:2rem;animation:lock-pulse 2s infinite}@keyframes lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.access-subtitle{font-family:Rajdhani,sans-serif;font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:400}.warning-box{background:linear-gradient(135deg,#ff00404d,#f443),#000000e6;border:2px solid var(--error-red);border-radius:12px;padding:8px 16px;margin:8px 0;box-shadow:0 0 20px #ff00404d;animation:warning-glow 3s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes warning-glow{0%,to{box-shadow:0 0 20px #ff00404d}50%{box-shadow:0 0 30px #ff004080}}.warning-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.warning-icon{font-size:1.5rem;animation:warning-blink 1.5s infinite;color:var(--error-red);filter:drop-shadow(0 0 5px var(--error-red))}@keyframes warning-blink{0%,to{opacity:1}50%{opacity:.5}}.warning-text{font-family:Orbitron,monospace;font-weight:700;color:var(--error-red);letter-spacing:2px}.warning-content{text-align:left}.classification-level{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#ff004033;border-radius:6px;border-left:4px solid var(--error-red)}.classification-label{font-family:Orbitron,monospace;font-size:.8rem;color:var(--text-secondary);letter-spacing:1px}.classification-value{font-family:Orbitron,monospace;font-size:.9rem;color:var(--error-red);font-weight:700;letter-spacing:1px;animation:classification-pulse 2s infinite}@keyframes classification-pulse{0%,to{opacity:1}50%{opacity:.7}}.warning-description{font-family:Rajdhani,sans-serif;color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin-block:8px;text-align:center}.security-item{font-family:Rajdhani,sans-serif;color:var(--text-secondary);font-size:.9rem;margin-bottom:4px;padding-left:4px;border-left:2px solid var(--error-red);opacity:.9}.login-form{width:100%;max-width:400px}.login-form.shake{animation:shake .6s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.form-group{margin-bottom:16px}.form-label{display:block;font-family:Orbitron,monospace;font-size:.9rem;color:var(--razer-green);margin-top:16px;text-align:left;letter-spacing:1px}.form-input{width:100%;padding:16px;background:#00ff000d;border:2px solid rgba(0,255,0,.3);border-radius:8px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:24px;transition:all .3s ease;outline:none}.form-input:focus{border-color:var(--razer-green);box-shadow:0 0 20px #00ff004d;background:#00ff001a}.form-input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--razer-green),var(--dark-green));border:none;border-radius:8px;color:var(--razer-dark);font-family:Orbitron,monospace;font-weight:700;font-size:1rem;letter-spacing:2px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 0 20px #0f06}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 25px #0f09;background:linear-gradient(135deg,var(--light-green),var(--razer-green))}.btn-text{flex:1}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translate(4px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:disabled:hover{transform:none;box-shadow:0 0 20px #0f06}.form-input.error{border-color:var(--error-red);box-shadow:0 0 20px #ff00404d;background:#ff00400d}.error-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#ff00401a;border:1px solid rgba(255,0,64,.3);border-radius:6px;animation:error-fade-in .3s ease-out}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1rem;color:var(--error-red)}.error-text{font-family:Rajdhani,sans-serif;color:var(--error-red);font-size:.9rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-overlay-fade-in .3s ease-out}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.error-modal{background:linear-gradient(135deg,#ff00401a,#ff44440d),#000000f2;border:2px solid var(--error-red);border-radius:15px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #ff00404d;animation:modal-slide-in .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(255,0,64,.3);background:#ff00400d}.modal-icon{font-size:2rem;animation:modal-icon-pulse 2s infinite}@keyframes modal-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-title{flex:1;font-family:Orbitron,monospace;color:var(--error-red);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#ff004033;color:var(--error-red)}.modal-content{padding:1.5rem}.modal-message{font-family:Rajdhani,sans-serif;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.modal-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,0,64,.3);background:#ff004005;display:flex;justify-content:flex-end}.modal-btn{background:linear-gradient(135deg,var(--error-red),#cc0033);border:none;border-radius:8px;color:#fff;font-family:Orbitron,monospace;font-weight:600;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px #ff00404d}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff004080;background:linear-gradient(135deg,#ff1a4d,var(--error-red))}.security-notice{display:flex;justify-content:space-around;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.75rem;background:#00ff0008;border-radius:8px;border:1px solid rgba(0,255,0,.2)}.notice-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:Rajdhani,sans-serif;color:var(--text-secondary);font-size:.85rem}.notice-icon{font-size:1.2rem;opacity:.8}.notice-text{text-align:center;font-weight:500}@media (max-width: 768px){.security-notice{flex-direction:column;gap:.5rem}.notice-item{flex-direction:row;justify-content:center}}:root{--razer-green: #00FF00;--razer-glow: #00FF00;--dark-green: #00CC00;--light-green: #66FF66;--razer-dark: #000000;--razer-darker: #000000;--text-primary: #FFFFFF;--text-secondary: #B8B8B8;--card-bg: rgba(0, 255, 0, .03);--border-glow: rgba(0, 255, 0, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#000;color:var(--text-primary);overflow:hidden;line-height:1.6}.slide{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#000;overflow:hidden;max-width:100vw;box-sizing:border-box}.title-slide:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,255,0,.15) 0%,transparent 40%);animation:pulse-bg 4s ease-in-out infinite}@keyframes pulse-bg{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.logo-section{display:flex;align-items:center;justify-content:center;gap:3rem;position:relative;z-index:10}.logo-pogr{font-family:Courier New,Monaco,Consolas,monospace;font-size:4rem;font-weight:900;background:linear-gradient(45deg,#FFFFFF 0%,var(--razer-green) 50%,#FFFFFF 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:lowercase;letter-spacing:.1em;position:relative}.logo-x{font-size:3rem;color:var(--razer-green);font-weight:300;position:relative;animation:rotate-x 8s linear infinite;text-shadow:0 0 20px var(--razer-green)}@keyframes rotate-x{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-razer{font-family:Courier New,Monaco,Consolas,monospace;font-size:4rem;font-weight:900;color:var(--razer-green);text-transform:uppercase;letter-spacing:.2em;position:relative;overflow:hidden}h1{font-family:Courier New,Monaco,Consolas,monospace;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:10;background:linear-gradient(180deg,var(--text-primary) 0%,var(--razer-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,0,.5));padding:0 2rem;max-width:100%;word-wrap:break-word}h1:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--text-primary) 0%,var(--razer-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glitch 2s infinite;z-index:-1}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.subtitle{font-size:clamp(1rem,3vw,1.8rem);color:var(--text-secondary);text-align:center;margin-bottom:3rem;font-weight:300;letter-spacing:.05em;opacity:0;animation:fade-in-up 1s ease-out .5s forwards;padding:0 2rem;max-width:100%}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-row{display:flex!important;gap:1.5rem;z-index:10;position:relative;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap;padding:0 1rem;max-width:1200px;margin-left:auto;margin-right:auto}.stat-card{background:linear-gradient(135deg,#00ff000d,#00ff0005);border:1px solid rgba(0,255,0,.3);border-radius:20px;padding:16px 12px!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;min-width:220px!important;max-width:320px!important;flex:1;text-align:center;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;min-height:310px!important;height:auto!important;box-sizing:border-box!important}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,255,0,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s;opacity:0}.stat-card:hover:before{animation:sweep .6s ease-out;opacity:1}@keyframes sweep{0%{transform:rotate(45deg) translateY(-100%)}to{transform:rotate(45deg) translateY(100%)}}.stat-card:hover{transform:translateY(-10px) scale(1.05);border-color:var(--razer-green);box-shadow:0 20px 40px #00ff004d,0 0 60px #0f03,inset 0 0 20px #00ff001a}.stat-card .icon{width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;animation:icon-float 3s ease-in-out infinite;overflow:visible!important}.stat-card .icon svg{width:100%;height:100%;color:var(--razer-green);fill:var(--razer-green);filter:drop-shadow(0 0 10px var(--razer-green));max-width:60px;max-height:60px}.stat-card .value{font-family:Courier New,Monaco,Consolas,monospace;font-size:clamp(1.8rem,4vw,2.5rem)!important;font-weight:900;color:var(--razer-green);text-shadow:0 0 20px var(--razer-green);flex-shrink:0!important;line-height:1.2!important;overflow:visible!important;white-space:nowrap!important}.stat-card .label{color:var(--text-secondary);font-size:clamp(.9rem,2.2vw,1.1rem)!important;text-transform:uppercase;letter-spacing:.03em;line-height:1.4!important;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%!important;text-align:center!important;padding:0 .5rem!important;flex-shrink:0!important;overflow:visible!important;display:block!important}.return-proposals-container{position:absolute;bottom:2rem;left:0;z-index:2000;display:flex;justify-content:space-between;width:95%}.return-proposals-btn{display:flex;align-items:center;gap:.75rem;background:#000c;border:1px solid rgba(0,255,0,.3);border-radius:50px;padding:.75rem 1.5rem;color:var(--razer-green);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.return-proposals-btn:hover{background:#00ff001a;border-color:var(--razer-green);transform:translate(-5px);box-shadow:0 5px 20px #00ff004d}.return-icon{font-size:1.2rem;transition:transform .3s ease}.return-proposals-btn:hover .return-icon{transform:translate(-3px)}.return-text{white-space:nowrap}@media (max-width: 1024px){.stats-row{gap:1rem;flex-wrap:wrap}.stat-card{min-width:180px;flex:1 1 calc(50% - .5rem)}}@media (max-width: 768px){h1{font-size:clamp(2rem,8vw,3rem);padding:0 1rem}.logo-pogr,.logo-razer{font-size:clamp(2rem,6vw,2.5rem)}.stats-row{flex-direction:column;gap:1rem;margin-top:1.5rem}.stat-card{min-width:auto!important;max-width:none!important;flex:none!important;padding:1.5rem!important;min-height:250px!important;height:auto!important}.subtitle{font-size:clamp(.9rem,4vw,1.4rem);margin-bottom:2rem;padding:0 1rem}.return-proposals-container{bottom:1rem;left:1rem}.return-proposals-btn{padding:.5rem 1rem;font-size:.9rem}}.problem-slide{background:radial-gradient(circle at 20% 50%,rgba(255,0,64,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,0,64,.05) 0%,transparent 50%),#000}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);animation:line-expand 2s ease-in-out infinite}.problem-visual{display:flex;gap:32px;align-items:center;justify-content:center;max-width:1200px;width:100%}.circular-stat{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.circular-stat svg{position:absolute;transform:rotate(-90deg);filter:drop-shadow(0 0 20px rgba(255,0,64,.5))}.circular-stat .percentage{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;color:var(--error-red);text-shadow:0 0 30px var(--error-red);z-index:10;animation:pulse-number 2s ease-in-out infinite}@keyframes pulse-number{0%,to{transform:scale(1);text-shadow:0 0 30px var(--error-red)}50%{transform:scale(1.1);text-shadow:0 0 50px var(--error-red)}}.circular-stat .ring{position:absolute;width:100%;height:100%;border:2px solid rgba(255,0,64,.2);border-radius:50%;animation:rotate-ring 20s linear infinite}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-circle{stroke-dasharray:553;stroke-dashoffset:553;animation:fill-circle 2s ease-out .5s forwards}@keyframes fill-circle{to{stroke-dashoffset:149}}.problem-list{display:flex;flex-direction:column;gap:12px}.problem-item{background:linear-gradient(135deg,#ff00401a,#ff00400d);border-left:4px solid var(--error-red);border-radius:0 15px 15px 0;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:0;transform:translate(-50px);animation:slide-in-left .6s ease-out forwards;padding-left:8px}.problem-item:nth-child(1){animation-delay:.8s}.problem-item:nth-child(2){animation-delay:1s}.problem-item:nth-child(3){animation-delay:1.2s}@keyframes slide-in-left{to{opacity:1;transform:translate(0)}}.problem-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,0,64,.2) 100%);transition:all .4s ease}.problem-item:hover:before{left:0}.problem-item:hover{transform:translate(15px);box-shadow:-10px 0 30px #ff00404d,0 0 40px #ff00401a}.problem-item h3{font-family:Orbitron,monospace;color:var(--error-red);font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.problem-item p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.cost-impact{background:radial-gradient(circle at center,rgba(255,0,64,.2) 0%,transparent 70%),linear-gradient(135deg,#ff00401a,#ff00400d);border:2px solid var(--error-red);border-radius:20px;padding:1.5rem;text-align:center;position:relative;overflow:hidden;opacity:0;transform:scale(.9);animation:scale-in .8s ease-out 1.5s forwards}@keyframes scale-in{to{opacity:1;transform:scale(1)}}.cost-impact:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--error-red),transparent,var(--error-red));border-radius:20px;opacity:.5;z-index:-1;animation:border-rotate 3s linear infinite}.cost-amount{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;color:var(--error-red);text-shadow:0 0 30px var(--error-red),0 0 60px rgba(255,0,64,.5);animation:cost-pulse 2s ease-in-out infinite;position:relative;z-index:10}@keyframes cost-pulse{0%,to{transform:scale(1);text-shadow:0 0 30px var(--error-red),0 0 60px rgba(255,0,64,.5)}50%{transform:scale(1.05);text-shadow:0 0 40px var(--error-red),0 0 80px rgba(255,0,64,.8)}}.cost-impact p{font-size:1.3rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.warning-particles{position:absolute;width:100%;height:100%;top:100%}.particle{position:absolute;width:4px;height:4px;background:var(--error-red);border-radius:50%;opacity:0;animation:particle-float 8s linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100px) translate(100px);opacity:0}}@media (max-width: 968px){.section-title{font-size:2.5rem}.circular-stat{width:250px;height:250px}.circular-stat .percentage{font-size:3rem}.cost-amount{font-size:3.5rem}}html{font-size:16px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}:root{--razer-green: #00ff00;--razer-glow: #00ff00;--dark-green: #00cc00;--light-green: #66ff66;--razer-dark: #000000;--razer-darker: #000000;--text-primary: #ffffff;--text-secondary: #b8b8b8;--error-red: #ff0040;--dark-red: #cc0033;--success-green: #00ff88;--accent-blue: #00d4ff;--purple-accent: #9d00ff;--gold-accent: #ffd700;--card-bg: rgba(0, 255, 0, .03);--border-glow: rgba(0, 255, 0, .5)}.proposals-page{background:transparent;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;z-index:1;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.proposals-header{text-align:center;flex-shrink:0}.logo-section{display:flex;align-items:center;justify-content:center;gap:8px}.logo-wrapper{position:relative}.logo-pogr{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:#0f0;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);text-shadow:0 0 20px rgba(0,255,0,.8),0 0 40px rgba(0,255,0,.4);animation:pogrGlow 3s ease-in-out infinite alternate;position:relative}.logo-pogr:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#0f0;z-index:-1;animation:glitchEffect 4s ease-in-out infinite}@keyframes pogrGlow{0%{text-shadow:0 0 20px rgba(0,255,0,.8),0 0 40px rgba(0,255,0,.4)}to{text-shadow:0 0 30px rgba(0,255,0,1),0 0 60px rgba(0,255,0,.6),0 0 80px rgba(0,255,0,.3)}}@keyframes glitchEffect{0%,90%,to{transform:translate(0);filter:hue-rotate(0deg)}91%,92%{transform:translate(2px,-1px);filter:hue-rotate(90deg)}93%,94%{transform:translate(-1px,2px);filter:hue-rotate(180deg)}95%,96%{transform:translate(1px,1px);filter:hue-rotate(270deg)}}.logo-x{font-size:clamp(1.5rem,3vw,2rem);font-weight:300;color:#666;opacity:.8}.logo-razer{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:#0f0;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px);text-shadow:0 0 20px rgba(0,255,0,.6),0 0 40px rgba(0,255,0,.3)}.page-title{position:relative}.page-title h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;color:#0f0;text-transform:uppercase;letter-spacing:clamp(2px,.5vw,4px);margin:0;text-shadow:0 0 30px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.4);position:relative;overflow:hidden}.page-title h1:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%{left:-100%}50%{left:100%}to{left:100%}}.proposals-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;gap:clamp(1rem,2vw,1.5rem)}.content-container{width:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1;padding:0}.navigation-instructions{background:#000c;border:2px solid rgba(0,255,0,.3);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #0f03,inset 0 1px #00ff001a;animation:instructionsPulse 4s ease-in-out infinite;flex-shrink:0}@keyframes instructionsPulse{0%,to{border-color:#00ff004d;box-shadow:0 0 30px #0f03,inset 0 1px #00ff001a}50%{border-color:#00ff0080;box-shadow:0 0 40px #00ff004d,inset 0 1px #0f03}}.instruction-icon{font-size:clamp(1.5rem,3vw,2rem);animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.navigation-instructions p{font-size:clamp(.9rem,2vw,1.1rem);color:#ffffffe6;margin:0;line-height:1.6}.navigation-instructions strong{color:#0f0;font-weight:600;text-shadow:0 0 10px rgba(0,255,0,.5)}.proposals-grid{display:flex;flex-direction:row;gap:clamp(1rem,2vw,1.5rem);justify-content:center;align-items:flex-start;flex-wrap:nowrap;width:100%}.proposal-card{background:#001400e6;border:2px solid rgba(0,255,0,.4);border-radius:16px;padding:clamp(1rem,1.5vw,1.5rem);width:100%;max-width:400px;min-width:280px;min-height:clamp(180px,20vh,220px);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px 40px #00000080,0 0 30px #00ff001a;z-index:1;flex:1}.proposal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .6s ease;border-radius:inherit;z-index:-1}.proposal-card:hover:before{left:100%}.proposal-card:hover{transform:translateY(-10px) scale(1.02);border-color:#0f09;box-shadow:0 20px 60px #0009,0 0 50px #00ff004d,inset 0 1px #0f03}.proposal-card:active{transform:translateY(-5px) scale(1.01)}.card-icon{width:clamp(80px,12vw,100px);height:clamp(80px,12vw,100px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00ff001a;border:2px solid rgba(0,255,0,.3);transition:all .3s ease;box-shadow:0 0 30px #0f03,inset 0 0 20px #00ff000d;flex-shrink:0;position:relative;overflow:visible}.proposal-card:hover .card-icon{border-color:#0f09;background:#00ff0026;box-shadow:0 0 40px #0f06,inset 0 0 30px #00ff001a;transform:scale(1.05)}.overview-logo{width:80%;height:80%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,255,0,.5));transition:filter .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;visibility:visible;z-index:2}.proposal-card:nth-child(1) .card-icon{display:flex;align-items:center;justify-content:center}.overview-logo{width:77%;height:77%}.aiqa-logo{width:200px!important;height:200px!important;max-width:none!important;max-height:none!important;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,255,0,.5));transition:filter .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;visibility:visible;z-index:2}.proposal-card:hover .aiqa-logo{filter:drop-shadow(0 0 25px rgba(0,255,0,.8))}.cortex-logo{width:90%!important;height:90%!important;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,255,0,.5));transition:filter .3s ease;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;opacity:1;visibility:visible;z-index:2}.proposal-card:hover .cortex-logo,.proposal-card:hover .overview-logo{filter:drop-shadow(0 0 25px rgba(0,255,0,.8))}.card-text-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-top:clamp(.5rem,1vw,.8rem)}.card-text-content h3{font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;color:#0f0;text-transform:uppercase;letter-spacing:clamp(.5px,.1vw,1px);text-shadow:0 0 15px rgba(0,255,0,.6);transition:all .3s ease;opacity:1;visibility:visible}.proposal-card:hover .card-text-content h3{text-shadow:0 0 25px rgba(0,255,0,.8);transform:scale(1.05)}.card-text-content p{font-size:clamp(.8rem,1.4vw,.95rem);color:#ffffffe6;line-height:1.5;margin:0;transition:color .3s ease;opacity:1;visibility:visible}.proposal-card:hover .card-text-content p{color:#fffffff2}@media (max-width: 900px){.proposal-card{max-width:400px;min-width:auto;min-height:250px}.navigation-instructions{flex-direction:column;text-align:center;gap:clamp(.5rem,1vw,1rem)}}@media (max-width: 480px){.proposal-card{padding:clamp(1rem,2vw,1.5rem);min-height:220px}}.section-title{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:1rem;text-align:center;text-transform:uppercase;letter-spacing:.05em;position:relative;color:var(--text-primary);opacity:0;animation:title-appear .8s ease-out forwards}.vision-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;max-width:1400px;margin:0 auto;align-items:center;width:100%}.comparison-card{border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.9)}.before-card{background:linear-gradient(135deg,#ff004033,#ff00400d),#00000080;border:2px solid var(--error-red);box-shadow:0 0 40px #ff004033,inset 0 0 20px #ff00401a;animation:slide-in-left .8s ease-out .5s forwards}.after-card{background:linear-gradient(135deg,#0f83,#00ff880d),#00000080;border:2px solid var(--success-green);box-shadow:0 0 40px #0f83,inset 0 0 20px #00ff881a;animation:slide-in-right .8s ease-out .7s forwards}.card-header{font-family:Orbitron,monospace;font-size:2rem;margin-bottom:2rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;position:relative}.before-card .card-header{color:var(--error-red)}.after-card .card-header{color:var(--success-green)}.card-header:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:currentColor;transition:width .3s ease}.comparison-card:hover .card-header:after{width:100px}.arrow-container{display:flex;align-items:center;justify-content:center;opacity:0;animation:fade-in .5s ease-out 1s forwards}.transformation-arrow{width:100px;height:60px;position:relative}.arrow-line{position:absolute;top:50%;left:0;width:70%;height:3px;background:var(--razer-green);transform:translateY(-50%);overflow:hidden}.arrow-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--light-green) 50%,transparent 100%);animation:arrow-pulse 2s linear infinite}@keyframes arrow-pulse{to{left:100%}}.arrow-head{position:absolute;top:50%;right:0;width:0;height:0;border-left:20px solid var(--razer-green);border-top:15px solid transparent;border-bottom:15px solid transparent;transform:translateY(-50%);filter:drop-shadow(0 0 10px var(--razer-green))}.bug-report{background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.8;min-height:300px;position:relative;overflow:hidden}.bug-report:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .5s ease}.comparison-card:hover .bug-report:before{opacity:1;animation:scan-effect 2s linear infinite}@keyframes scan-effect{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bug-report .status{margin-top:24px;font-size:1.3rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.before-card .status{color:var(--error-red)}.after-card .status{color:var(--success-green)}.feature-list{list-style:none}.feature-list li{padding-left:24px;position:relative;opacity:0;transform:translate(-20px);animation:feature-appear .5s ease-out forwards}.feature-list li:nth-child(1){animation-delay:1s}.feature-list li:nth-child(2){animation-delay:1.1s}.feature-list li:nth-child(3){animation-delay:1.2s}.feature-list li:nth-child(4){animation-delay:1.3s}@keyframes feature-appear{to{opacity:1;transform:translate(0)}}.feature-list li:before{content:"+";position:absolute;left:0;color:var(--success-green);font-weight:700}@media (max-width: 1200px){.section-title{font-size:2.5rem}.card-header{font-size:1.5rem}}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:var(--text-primary);overflow:hidden;line-height:1.6}.slide{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#000}.section-title{font-family:Orbitron,monospace;font-size:4rem;font-weight:700;margin-bottom:3rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;position:relative;background:linear-gradient(180deg,var(--text-primary) 0%,var(--razer-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,0,.5));opacity:0;animation:title-appear .8s ease-out forwards,title-pulse 3s ease-in-out infinite .8s;z-index:10}@keyframes title-pulse{0%,to{filter:drop-shadow(0 0 30px rgba(0,255,0,.5))}50%{filter:drop-shadow(0 0 40px rgba(0,255,0,.8))}}.pogr-highlight{background:linear-gradient(45deg,#FFFFFF 0%,var(--razer-green) 50%,#FFFFFF 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite;font-weight:900;position:relative;display:inline-block;text-shadow:0 0 20px var(--razer-green);font-size:1.1em}.architecture-diagram{margin:0 auto}.flow-container{display:flex;justify-content:space-between;align-items:center;position:relative;gap:16px}.flow-box{background:linear-gradient(135deg,rgba(0,255,0,.05) 0%,transparent 100%),#000c;border:2px solid rgba(0,255,0,.6);border-radius:20px;padding:32px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:1;transform:translateY(0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;z-index:10;gap:8px}.flow-box:nth-child(1){animation:box-appear .6s ease-out .5s forwards}.flow-box:nth-child(3){animation:box-appear .6s ease-out .7s forwards}.flow-box:nth-child(5){animation:box-appear .6s ease-out .9s forwards}@keyframes box-appear{to{opacity:1;transform:translateY(0)}}.flow-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--razer-green),transparent,var(--razer-green));border-radius:20px;opacity:0;z-index:-1;transition:all .4s ease}.flow-box:hover:before{opacity:1;animation:border-rotate 2s linear infinite}.flow-box:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px #00ff004d,0 0 60px #0f03}.flow-box h3{font-family:Orbitron,monospace;font-size:1.5rem;color:var(--razer-green);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(0,255,0,.8);font-weight:700}.flow-box p{color:#fff;line-height:1.8;font-size:1rem;font-weight:500}.flow-box .icon-group{font-size:1.5rem;display:flex;justify-content:center;gap:1rem}.flow-arrow{font-size:2rem;color:var(--razer-green);opacity:1;animation:arrow-appear .5s ease-out forwards;position:relative;text-shadow:0 0 10px rgba(0,255,0,.8);font-weight:700;z-index:5}.flow-arrow:nth-child(2){animation-delay:.6s}.flow-arrow:nth-child(4){animation-delay:.8s}@keyframes arrow-appear{to{opacity:1}}.flow-arrow:before{content:"→";position:absolute;top:0;left:0;animation:arrow-flow 2s ease-in-out infinite}@keyframes arrow-flow{0%,to{transform:translate(0);opacity:1}50%{transform:translate(10px);opacity:.5}}.data-flow-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#00ff001a;z-index:-1;overflow:hidden}.data-flow-line:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);animation:data-flow 3s linear infinite}@keyframes data-flow{to{left:100%}}.layers-section{margin-top:2rem}.layers-title{text-align:center;font-family:Orbitron,monospace;font-size:1.8rem;color:var(--razer-green);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em;opacity:0;animation:fade-in .5s ease-out 1.2s forwards}.layers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.layer-card{background:linear-gradient(135deg,var(--card-bg) 0%,transparent 100%),#00000080;border:2px solid;border-radius:15px;padding:24px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:0;transform:translateY(20px)}.layer-card:nth-child(1){border-color:var(--razer-green);background:linear-gradient(135deg,rgba(0,255,0,.05) 0%,transparent 100%);animation:layer-appear .5s ease-out 1.4s forwards}.layer-card:nth-child(2){border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(0,212,255,.05) 0%,transparent 100%);animation:layer-appear .5s ease-out 1.5s forwards}.layer-card:nth-child(3){border-color:var(--purple-accent);background:linear-gradient(135deg,rgba(157,0,255,.05) 0%,transparent 100%);animation:layer-appear .5s ease-out 1.6s forwards}@keyframes layer-appear{to{opacity:1;transform:translateY(0)}}.layer-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px #0f03}.layer-card:nth-child(1):hover{box-shadow:0 20px 40px #00ff004d}.layer-card:nth-child(2):hover{box-shadow:0 20px 40px #00d4ff4d}.layer-card:nth-child(3):hover{box-shadow:0 20px 40px #9d00ff4d}.layer-card h4{font-family:Orbitron,monospace;font-size:1.2rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;color:inherit}.layer-card:nth-child(1) h4{color:var(--razer-green)}.layer-card:nth-child(2) h4{color:var(--accent-blue)}.layer-card:nth-child(3) h4{color:var(--purple-accent)}.layer-card p{color:var(--text-secondary);font-size:.9rem}.circuit-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10h80v80h-80z' fill='none' stroke='%2300FF00' stroke-width='0.5'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%2300FF00'/%3E%3Ccircle cx='90' cy='10' r='2' fill='%2300FF00'/%3E%3Ccircle cx='90' cy='90' r='2' fill='%2300FF00'/%3E%3Ccircle cx='10' cy='90' r='2' fill='%2300FF00'/%3E%3C/svg%3E");background-size:100px 100px;animation:circuit-move 30s linear infinite}@keyframes circuit-move{0%{transform:translate(0)}to{transform:translate(100px)}}.slide{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#000;gap:2rem}.section-title{font-family:Orbitron,monospace;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;margin-bottom:2rem;margin-top:0;text-align:center;text-transform:uppercase;letter-spacing:.08em;position:relative;background:linear-gradient(180deg,var(--text-primary) 0%,var(--razer-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,0,.5));opacity:0;animation:title-appear .8s ease-out forwards}.table-container{max-width:900px;width:100%;margin:0 auto;opacity:0;transform:translateY(30px);animation:table-appear .8s ease-out .5s forwards;flex-shrink:0}@keyframes table-appear{to{opacity:1;transform:translateY(0)}}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,rgba(0,255,0,.02) 0%,transparent 100%);border:2px solid rgba(0,255,0,.2);border-radius:20px;overflow:hidden;box-shadow:0 0 40px #00ff001a;position:relative}.data-table:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);animation:scan-table 4s linear infinite}@keyframes scan-table{to{left:100%}}.data-table th{background:linear-gradient(135deg,#00ff001a,#00ff000d);padding:12px;text-align:left;font-family:Orbitron,monospace;font-weight:700;color:var(--razer-green);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--razer-green);position:relative;font-size:.85rem}.data-table th:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--razer-green)}.data-table td{padding:12px;border-bottom:1px solid rgba(0,255,0,.5);font-size:.9rem;transition:all .3s ease;position:relative;overflow:hidden;line-height:1.3}.data-table tr{transition:all .3s ease;opacity:0;animation:row-appear .5s ease-out forwards}.data-table tbody tr:nth-child(1){animation-delay:.8s}.data-table tbody tr:nth-child(2){animation-delay:.9s}.data-table tbody tr:nth-child(3){animation-delay:1s}.data-table tbody tr:nth-child(4){animation-delay:1.1s}@keyframes row-appear{to{opacity:1}}.data-table tr:before{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,0,.1) 50%,transparent 100%);transition:all .5s ease}.data-table tr:hover:before{left:100%}.data-table tr:hover td{background:#00ff000d;transform:translate(5px)}.data-table tr:hover td:first-child{transform:translate(0)}.data-icon{font-size:2rem;margin-right:1rem;vertical-align:middle;display:inline-block;animation:icon-float 3s ease-in-out infinite}.data-table tbody tr:nth-child(1) .data-icon{animation-delay:0s}.data-table tbody tr:nth-child(2) .data-icon{animation-delay:.5s}.data-table tbody tr:nth-child(3) .data-icon{animation-delay:1s}.data-table tbody tr:nth-child(4) .data-icon{animation-delay:1.5s}.razer-highlight{color:var(--razer-green);font-weight:600}.example-box{max-width:900px;margin:0 auto;background:linear-gradient(135deg,rgba(0,255,0,.05) 0%,transparent 100%),#00000080;border:2px solid rgba(0,255,0,.3);border-radius:15px;padding:24px;position:relative;overflow:hidden;opacity:0;transform:scale(.9);animation:example-appear .8s ease-out 1.5s forwards;flex-shrink:0}@keyframes example-appear{to{opacity:1;transform:scale(1)}}.example-box:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,0,.1) 0%,transparent 70%);animation:rotate-glow 20s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.example-header{font-family:Orbitron,monospace;font-size:1.1rem;color:var(--razer-green);margin-bottom:8px;display:flex;align-items:center;gap:.75rem}.example-content{font-size:1rem;color:var(--text-secondary);background:#0000004d;padding:8px 16px;border-radius:10px;border-left:4px solid var(--razer-green);font-style:italic;line-height:1.5}.performance-section{max-width:800px;width:100%;margin:.5rem auto 1rem;opacity:0;animation:fade-in .8s ease-out 2s forwards;flex-shrink:0}.performance-label{font-family:Orbitron,monospace;font-size:1rem;color:var(--razer-green);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.performance-bar{width:100%;height:30px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border:2px solid rgba(0,255,0,.3);border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 0 20px #00000080}.performance-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--success-green) 0%,var(--razer-green) 50%,var(--success-green) 100%);background-size:200% 100%;display:flex;align-items:center;justify-content:center;color:#000;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;animation:fillBar 2s ease-out 2.5s forwards,gradient-move 3s linear infinite;box-shadow:0 0 20px var(--razer-green);position:relative}@keyframes fillBar{to{width:10%}}@keyframes gradient-move{0%{background-position:0% 50%}to{background-position:200% 50%}}.performance-markers{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}.marker{position:absolute;top:-10px;font-size:.8rem;color:var(--text-secondary);transform:translate(-50%)}.network-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5}.network-node{position:absolute;width:4px;height:4px;background:var(--razer-green);border-radius:50%;box-shadow:0 0 10px var(--razer-green)}.network-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);transform-origin:left center}@media (max-width: 968px){.slide{gap:.75rem}.section-title{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:1rem}.data-table{font-size:.85rem}.data-icon{font-size:1.3rem;margin-right:.5rem}.performance-section{margin:.75rem auto 0}.performance-bar{height:30px}}::-webkit-scrollbar{width:0px;background:transparent}:root{--razer-green: #00FF00;--razer-glow: #00FF00;--dark-green: #00CC00;--light-green: #66FF66;--razer-dark: #000000;--razer-darker: #000000;--text-primary: #FFFFFF;--text-secondary: #B8B8B8;--error-red: #FF0040;--success-green: #00FF88;--accent-blue: #00D4FF;--purple-accent: #9D00FF;--gold-accent: #FFD700;--card-bg: rgba(0, 255, 0, .03);--border-glow: rgba(0, 255, 0, .5)}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:var(--text-primary);overflow-x:hidden;overflow-y:auto;line-height:1.6}.slide{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;background:#000;gap:.75rem}.section-title{font-family:Orbitron,monospace;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;margin-bottom:1.5rem;margin-top:.5rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;position:relative;background:linear-gradient(180deg,var(--text-primary) 0%,var(--razer-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,0,.5));opacity:0;animation:title-appear .8s ease-out forwards}.section-title:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);animation:line-expand 2s ease-in-out infinite}.correlation-demo{max-width:1400px;margin:0 auto;width:100%}.comparison-view{display:flex;align-items:center;justify-content:space-between;gap:16px}.before-correlation,.after-correlation{flex:1;background:#00000080;border-radius:15px;padding:16px;border:2px solid;position:relative;overflow:hidden;opacity:0;transform:scale(.9)}.before-correlation{border-color:var(--error-red);background:linear-gradient(135deg,rgba(255,0,64,.05) 0%,transparent 100%);animation:slide-in-left .8s ease-out .5s forwards}.after-correlation{border-color:var(--success-green);background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,transparent 100%);animation:slide-in-right .8s ease-out .7s forwards}@keyframes slide-in-left{to{opacity:1;transform:translate(0) scale(1)}}@keyframes slide-in-right{to{opacity:1;transform:translate(0) scale(1)}}.correlation-header{font-family:Orbitron,monospace;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.correlation-header.error{color:var(--error-red)}.correlation-header.success{color:var(--success-green)}.simple-report{text-align:center;padding:1.5rem 1rem}.report-line{font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary)}.report-icon{font-size:1.8rem;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.report-status{color:var(--error-red);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.data-flow-arrow{display:flex;align-items:center;justify-content:center;opacity:0;animation:fade-in .5s ease-out 1s forwards}.data-flow-arrow svg{filter:drop-shadow(0 0 10px var(--razer-green));animation:pulse-arrow 2s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.json-display{background:#000c;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:4px;overflow-x:auto;font-size:.8rem;line-height:1.4;position:relative;overflow-y:auto}.json-display::-webkit-scrollbar{width:8px}.json-display::-webkit-scrollbar-track{background:#0000004d}.json-display::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.json-display pre{margin:0;font-family:Courier New,monospace}.json-display code{color:var(--text-secondary)}.json-key{color:var(--accent-blue)}.json-string{color:var(--success-green)}.json-number{color:var(--gold-accent)}.json-number.anomaly{color:var(--error-red);font-weight:700;animation:blink-anomaly 1s ease-in-out infinite;text-shadow:0 0 10px var(--error-red)}@keyframes blink-anomaly{0%,to{opacity:1;text-shadow:0 0 10px var(--error-red)}50%{opacity:.5;text-shadow:0 0 20px var(--error-red)}}.json-bool{color:var(--purple-accent)}.json-comment{color:var(--error-red);font-style:italic;font-weight:700}.insight-panel{background:linear-gradient(135deg,rgba(0,255,0,.02) 0%,transparent 100%);border:2px solid rgba(0,255,0,.2);border-radius:15px;padding:24px;margin-top:16px;opacity:0;transform:translateY(30px);animation:panel-appear .8s ease-out 1.5s forwards}@keyframes panel-appear{to{opacity:1;transform:translateY(0)}}.insight-header{font-family:Orbitron,monospace;font-size:1.3rem;color:var(--razer-green);margin-bottom:16px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.insight-card{background:#00000080;border:1px solid rgba(0,255,0,.2);border-radius:10px;padding:16px;text-align:center;transition:all .3s ease;cursor:pointer;opacity:0;transform:translateY(20px);min-height:120px;display:flex;flex-direction:column;justify-content:center}.insight-card:nth-child(1){animation:card-appear .5s ease-out 1.8s forwards}.insight-card:nth-child(2){animation:card-appear .5s ease-out 1.9s forwards}.insight-card:nth-child(3){animation:card-appear .5s ease-out 2s forwards}.insight-card:nth-child(4){animation:card-appear .5s ease-out 2.1s forwards}@keyframes card-appear{to{opacity:1;transform:translateY(0)}}.insight-card:hover{transform:translateY(-5px);border-color:var(--razer-green);box-shadow:0 10px 30px #0f03;background:linear-gradient(135deg,rgba(0,255,0,.05) 0%,transparent 100%)}.insight-icon{font-size:1.8rem;display:inline-block;animation:icon-float 3s ease-in-out infinite}.insight-card:nth-child(1) .insight-icon{animation-delay:0s}.insight-card:nth-child(2) .insight-icon{animation-delay:.5s}.insight-card:nth-child(3) .insight-icon{animation-delay:1s}.insight-card:nth-child(4) .insight-icon{animation-delay:1.5s}.insight-content h4{font-family:Orbitron,monospace;color:var(--razer-green);margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.insight-content p{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.code-rain{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.3}.code-drop{position:absolute;color:var(--razer-green);font-family:Courier New,monospace;font-size:12px;animation:code-fall linear infinite}@keyframes code-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media (max-width: 1200px){.json-display{max-height:200px;overflow-y:auto}}@media (max-width: 768px){.slide{gap:.5rem}.section-title{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:1rem}}.slide{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.container{max-width:1600px;width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:10;min-height:calc(100vh - 4rem)}.section-title{font-family:Orbitron,monospace;font-size:1.8rem;margin-bottom:.5rem;text-align:center;text-transform:uppercase;letter-spacing:.05em;position:relative;color:var(--text-primary);opacity:0;animation:title-appear .8s ease-out forwards}@keyframes title-appear{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(90deg,transparent 0%,var(--razer-green) 50%,transparent 100%);animation:line-expand 2s ease-in-out infinite}@keyframes line-expand{0%,to{width:100px}50%{width:300px}}.use-case-label{color:var(--razer-green);font-weight:900;text-shadow:0 0 20px var(--razer-green)}.bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-glow-1{position:absolute;top:5rem;left:5rem;width:24rem;height:24rem;background:#9d00ff1a;border-radius:50%;filter:blur(60px)}.bg-glow-2{position:absolute;bottom:5rem;right:5rem;width:24rem;height:24rem;background:#00d4ff1a;border-radius:50%;filter:blur(60px)}.section-subtitle{text-align:center;font-size:1rem;color:var(--text-secondary);opacity:0;animation:fade-in .8s ease-out .3s forwards}@keyframes fade-in{to{opacity:1}}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:16px!important;max-width:1400px;padding:0!important;width:100%;position:relative;z-index:10;align-items:start;flex-shrink:0;background:transparent!important;border:none!important;border-radius:0!important;overflow:visible!important}.report-card{position:relative;opacity:0;transform:scale(.95)}.report-card.traditional{animation:slide-in-left .8s ease-out .5s forwards}.report-card.enhanced{animation:slide-in-right .8s ease-out .7s forwards}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;filter:blur(12px);transition:all .3s ease}.traditional .card-glow{background:linear-gradient(to right,#ff004033,#ff8c0033)}.enhanced .card-glow{background:linear-gradient(to right,#0f83,#00d4ff33)}.report-card:hover .card-glow{filter:blur(20px)}.card-content{position:relative;background:#101010cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:24px;border:2px solid;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:280px}.traditional .card-content{border-color:#ff004080}.traditional:hover .card-content{border-color:#ff0040b3}.enhanced .card-content{border-color:#00ff8880}.enhanced:hover .card-content{border-color:#00ff88b3}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.5rem;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.05em}.traditional .card-title{color:var(--error-red)}.enhanced .card-title{color:var(--success-green)}.card-badge{text-wrap-mode:nowrap;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px}.traditional .card-badge{background:#ff004033;color:#ff8080}.enhanced .card-badge{background:#0f83;color:#80ff80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bug-report{background:#00000080;border-radius:.5rem;padding:16px;font-family:Courier New,monospace;font-size:.8rem}.field-label{color:#666;font-size:.75rem}.field-value{padding-left:.5rem;text-wrap-mode:nowrap}.traditional .field-value{color:#ff8080}.enhanced .field-value{color:#80ff80}.dev-notes{border-top:1px solid #333;padding-top:4px;margin-top:4px}.dev-notes .field-value{font-style:italic}.traditional .dev-notes .field-value{color:orange}.enhanced .dev-notes .field-value{color:#60d0ff}.context-tags{display:flex;flex-wrap:wrap;gap:8px}.context-tag{background:#00ff8826;padding:0 4px;border-radius:.25rem;font-size:.75rem;color:#80ff80}.time-to-fix{background:#0000004d;border-radius:.75rem;padding:16px;border:1px solid;margin-top:8px}.traditional .time-to-fix{background:#ff00401a;border-color:#ff004080}.enhanced .time-to-fix{background:#00ff881a;border-color:#00ff8880}.time-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.time-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.time-value{font-size:1.5rem;font-weight:700;font-family:Orbitron,monospace}.traditional .time-value{color:var(--error-red)}.enhanced .time-value{color:var(--success-green)}.progress-bar{height:.5rem;border-radius:9999px;overflow:hidden;margin-top:.5rem;width:100%;position:relative}.traditional .progress-bar{background:#ff00404d}.enhanced .progress-bar{background:#00ff884d}.progress-fill{height:100%;transition:width 2s ease-out}.traditional .progress-fill{background:linear-gradient(to right,#ff0040,#ff8c00);width:100%}.enhanced .progress-fill{background:linear-gradient(to right,#0f8,#00e5ff);width:16.66%;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{opacity:1}50%{opacity:.8}}.stats-container{margin-top:1rem;margin-bottom:2rem;background:linear-gradient(to right,#9d00ff1a,#00d4ff1a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(157,0,255,.5);opacity:1;transform:translateY(0);position:relative;z-index:10;width:100%;max-width:1400px;flex-shrink:0}@keyframes stats-appear{to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;font-family:Orbitron,monospace}.stat-value.purple{color:var(--purple-accent)}.stat-value.blue{color:var(--accent-blue)}.stat-value.green{color:var(--success-green)}.stat-label{color:var(--text-secondary);font-size:1rem}.stat-description{font-size:.8rem;color:#666;margin-top:.2rem}@media (max-width: 968px){.section-title{font-size:3rem}}.conclusion-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;overflow:hidden;background:#000}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#00e5007d 1px,#0000007a 1px),linear-gradient(90deg,rgb(14 195 14 / 97%) 1px,transparent 1px);background-size:50px 50px;opacity:.3;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glow-orb{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.glow-orb.green{background:var(--razer-green);top:-200px;right:-200px;animation-delay:0s}.glow-orb.blue{background:var(--accent-blue);bottom:-200px;left:-200px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.conclusion-title{text-wrap-mode:nowrap;font-family:Orbitron,monospace;font-size:2.5rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.08em;position:relative;background:linear-gradient(180deg,var(--text-primary) 0%,var(--razer-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(0,255,0,.5));z-index:10;animation:pulse-title 3s ease-in-out infinite}@keyframes pulse-title{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(0,255,0,.5))}50%{transform:scale(1.02);filter:drop-shadow(0 0 50px rgba(0,255,0,.8))}}.subtitle{font-size:1.2rem;color:var(--text-secondary);text-align:center;margin-bottom:0!important;font-weight:300;letter-spacing:.15em;text-transform:uppercase;opacity:.9;animation:subtitle-fade 2s ease-out}@keyframes subtitle-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:.9;transform:translateY(0)}}.partnership-vision{display:flex;align-items:center;justify-content:center;gap:32px;position:relative;z-index:10}.brand-card{background:linear-gradient(135deg,rgba(0,255,0,.05) 0%,transparent 100%);border:2px solid rgba(0,255,0,.3);border-radius:20px;padding:16px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--razer-green),transparent,var(--razer-green));border-radius:20px;opacity:0;z-index:-1;transition:opacity .4s ease}.brand-card:hover:before{opacity:1;animation:border-rotate 3s linear infinite}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-card h3{font-family:Orbitron,monospace;font-size:2rem;font-weight:900}.brand-card.pogr h3{background:linear-gradient(45deg,#ffffff 0%,var(--razer-green) 50%,#ffffff 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brand-card.razer h3{color:var(--razer-green);text-shadow:0 0 20px var(--razer-green)}.plus-symbol{font-size:3rem;color:var(--razer-green);font-weight:300;animation:rotate-plus 8s linear infinite;text-shadow:0 0 20px var(--razer-green)}@keyframes rotate-plus{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;position:relative;z-index:10}.outcome-card{background:#00000080;border:2px solid;border-radius:15px;padding:16px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.outcome-card:nth-child(1){border-color:var(--purple-accent);background:linear-gradient(135deg,rgba(157,0,255,.05) 0%,transparent 100%)}.outcome-card:nth-child(2){border-color:var(--success-green);background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,transparent 100%)}.outcome-card:nth-child(3){border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(0,212,255,.05) 0%,transparent 100%)}.outcome-card:hover{transform:translateY(-10px) scale(1.05)}.outcome-card:nth-child(1):hover{box-shadow:0 20px 40px #9d00ff4d}.outcome-card:nth-child(2):hover{box-shadow:0 20px 40px #00ff884d}.outcome-card:nth-child(3):hover{box-shadow:0 20px 40px #00d4ff4d}.outcome-icon{font-size:2.5rem;display:inline-block;animation:icon-float 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.outcome-card:nth-child(1) .outcome-icon{animation-delay:0s}.outcome-card:nth-child(2) .outcome-icon{animation-delay:.5s}.outcome-card:nth-child(3) .outcome-icon{animation-delay:1s}.outcome-value{font-family:Orbitron,monospace;font-size:2rem;font-weight:900}.outcome-card:nth-child(1) .outcome-value{color:var(--purple-accent)}.outcome-card:nth-child(2) .outcome-value{color:var(--success-green)}.outcome-card:nth-child(3) .outcome-value{color:var(--accent-blue)}.outcome-label{color:var(--text-secondary);font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.cta-section{text-align:center;position:relative;z-index:10}.cta-tagline{font-size:1.5rem;color:var(--text-primary);font-style:italic;font-weight:600;letter-spacing:.05em;text-shadow:0 0 30px var(--razer-green),0 0 60px rgba(0,255,0,.5);animation:quote-glow 3s ease-in-out infinite;position:relative}.cta-tagline:before,.cta-tagline:after{content:'"';position:absolute;font-size:2rem;color:var(--razer-green);opacity:.5;font-family:Orbitron,monospace}.cta-tagline:before{left:-1rem;top:-.5rem}.cta-tagline:after{right:-1rem;bottom:-.5rem}@keyframes quote-glow{0%,to{text-shadow:0 0 30px var(--razer-green),0 0 60px rgba(0,255,0,.5);transform:scale(1)}50%{text-shadow:0 0 40px var(--razer-green),0 0 80px rgba(0,255,0,.8),0 0 100px rgba(0,255,0,.4);transform:scale(1.02)}}.data-particles{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;width:4px;height:4px;background:var(--razer-green);border-radius:50%;opacity:0;animation:particle-rise 10s linear infinite}@keyframes particle-rise{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100px) translate(50px);opacity:0}}.cortex-slide-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a0a,#000);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;overflow:hidden}.cortex-data-streams{position:absolute;width:100%;height:100%;overflow:hidden}.cortex-stream{position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,transparent,#00ff00,transparent);animation:cortexStreamFlow 3s linear infinite;opacity:.3}@keyframes cortexStreamFlow{0%{transform:translateY(-100vh) translate(0)}to{transform:translateY(100vh) translate(50px)}}.cortex-matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;pointer-events:none}.cortex-matrix-column{position:absolute;top:-100%;font-family:monospace;font-size:14px;color:#0f0;animation:cortexMatrixFall linear infinite}@keyframes cortexMatrixFall{to{transform:translateY(200vh)}}.cortex-logo-evolution{position:absolute;top:25%;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:clamp(8px,1.5vw,16px);width:auto;max-width:800px}.cortex-logo,.cortex-logo-opening{font-size:clamp(32px,5.5vw,54px);font-weight:900;letter-spacing:-1px;color:#0f0;text-shadow:0 0 15px rgba(0,255,0,.6);animation:cortexPulse 2s ease-in-out infinite;margin:0;line-height:1;flex-shrink:0}@keyframes cortexPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cortex-plus-symbol{font-size:clamp(24px,4.5vw,42px);font-weight:400;color:#0f0;opacity:.9;animation:cortexRotate 10s linear infinite;margin:0;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}@keyframes cortexRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cortex-pogr-logo{font-size:clamp(32px,5.5vw,54px);font-weight:700;color:#fff;opacity:1;margin:0;line-height:1;flex-shrink:0;text-shadow:0 0 8px rgba(255,255,255,.3)}.cortex-main-content{position:absolute;text-align:center;z-index:20;width:100%;top:45%;left:50%;transform:translate(-50%)}.cortex-title{font-size:60px;font-weight:900;margin-bottom:20px;letter-spacing:-2px;opacity:0;animation:cortexFadeInUp 1s ease-out .5s forwards;white-space:nowrap;width:100%}.cortex-title .cortex-highlight{color:#0f0;font-weight:900}.cortex-subtitle{font-size:28px;font-weight:300;color:#888;opacity:0;animation:cortexFadeInUp 1s ease-out 1s forwards}.cortex-subtitle em{color:#0f0;font-style:normal;font-weight:500}@keyframes cortexFadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(30px)}}.cortex-hex-grid{position:absolute;width:100%;height:100%;opacity:.05;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,#00ff00 35px,#00ff00 36px),repeating-linear-gradient(60deg,transparent,transparent 35px,#00ff00 35px,#00ff00 36px),repeating-linear-gradient(120deg,transparent,transparent 35px,#00ff00 35px,#00ff00 36px);animation:cortexHexFloat 20s linear infinite}@keyframes cortexHexFloat{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}.cortex-particle{position:absolute;width:4px;height:4px;background:#0f0;border-radius:50%;opacity:0;animation:cortexParticleFloat 10s infinite}@keyframes cortexParticleFloat{0%{opacity:0;transform:translate(0) scale(0)}10%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translate(100px,-500px) scale(0)}}.cortex-glitch{position:relative}.cortex-glitch:before,.cortex-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.cortex-glitch:before{animation:cortexGlitch1 .5s infinite;color:#0f0;z-index:-1}.cortex-glitch:after{animation:cortexGlitch2 .5s infinite;color:#0ff;z-index:-2}@keyframes cortexGlitch1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 40% 0);transform:translate(-2px,2px)}40%{clip-path:inset(40% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(60% 0 10% 0);transform:translate(-1px,1px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(1px,-1px)}}@keyframes cortexGlitch2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-2px)}40%{clip-path:inset(30% 0 40% 0);transform:translate(-2px,2px)}60%{clip-path:inset(50% 0 20% 0);transform:translate(1px,-1px)}80%{clip-path:inset(70% 0 10% 0);transform:translate(-1px,1px)}}.cortex-return-button{position:fixed;bottom:20px;left:20px;background:#00ff001a;border:2px solid #00ff00;color:#0f0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:cortexFloating 3s ease-in-out infinite}.cortex-return-button:hover{background:#0f03;transform:translateY(-2px);box-shadow:0 5px 15px #00ff004d}@keyframes cortexFloating{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.cortex-logo{font-size:60px}.cortex-pogr-logo{font-size:45px}.cortex-title{font-size:36px}.cortex-subtitle{font-size:18px}.cortex-logo-evolution{gap:30px}}@media (max-width: 1200px){.cortex-title{font-size:48px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Orbitron,monospace,sans-serif;background:#000;color:#fff;overflow-x:hidden;cursor:default;line-height:1.4}:root{--primary-green: #00ff00;--dark-green: #003300;--light-green: #66ff66;--background-dark: #0a0a0a;--background-medium: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #666666;--border-primary: rgba(0, 255, 0, .2);--border-hover: rgba(0, 255, 0, .5);--shadow-green: rgba(0, 255, 0, .3);--animation-fast: .3s;--animation-medium: .5s;--animation-slow: 1s;--border-radius: 12px;--border-radius-large: 24px;--spacing-small: 12px;--spacing-medium: 24px;--spacing-large: 40px}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,0,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,0,.03) 0%,transparent 50%),radial-gradient(ellipse at center,var(--background-dark) 0%,#000 100%)}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-primary) 1px,transparent 1px),linear-gradient(90deg,var(--border-primary) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.8}.slide-container{position:relative;display:flex;flex-direction:column}.header{text-align:center;padding:clamp(20px,4vh,40px) 20px clamp(15px,3vh,30px);z-index:10;position:relative}.header h1{font-size:clamp(32px,6vw,72px);font-weight:900;letter-spacing:-2px;margin-bottom:10px;position:relative;display:inline-block;background:linear-gradient(90deg,#fff 0%,var(--primary-green) 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.header h1:before{content:"THE TRANSFORMATION";position:absolute;top:0;left:0;width:100%;background:linear-gradient(90deg,#ff0000 0%,#ff7700 16.66%,#ffff00 33.33%,var(--primary-green) 50%,#0077ff 66.66%,#7700ff 83.33%,#ff00ff 100%);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(1px);opacity:.6;animation:rgbShift 8s ease-in-out infinite,gradientShift 10s ease-in-out infinite}@keyframes rgbShift{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.comparison-container{flex:1;display:flex;position:relative;padding:0 clamp(20px,4vw,60px) clamp(20px,4vh,40px);gap:clamp(30px,6vw,80px);max-width:1800px;margin:0 auto;width:100%;min-height:0}.side-panel{flex:1;position:relative;border-radius:var(--border-radius-large);overflow:hidden;transition:all var(--animation-medium) cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:720px;max-height:720px;display:flex;flex-direction:column}.side-panel:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--border-radius-large);padding:2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--animation-fast)}.side-panel:hover:before{opacity:1}.side-panel:hover{transform:translateY(-8px) scale(1.015)}.current-state{background:linear-gradient(135deg,var(--background-medium) 0%,var(--background-dark) 50%,#0d0d0d 100%);border:1px solid #333;animation:slideInLeft var(--animation-slow) cubic-bezier(.23,1,.32,1) .3s both;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a}.future-state{background:linear-gradient(135deg,#002800f2,#001a00e6,#000d00d9);border:2px solid var(--primary-green);animation:slideInRight var(--animation-slow) cubic-bezier(.23,1,.32,1) .3s both;position:relative;overflow:hidden;box-shadow:0 25px 80px var(--shadow-green),inset 0 1px #00ff004d,0 0 120px #00ff0026}.future-state:hover{box-shadow:0 35px 100px #00ff0080,inset 0 1px #0f06,0 0 180px #00ff0040}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.panel-header{padding:clamp(20px,4vh,40px) clamp(20px,3vw,40px) clamp(15px,3vh,30px);text-align:center;border-bottom:1px solid rgba(255,255,255,.1);position:relative;flex-shrink:0}.panel-title{font-size:clamp(20px,3vw,36px);font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;line-height:1.2}.current-state .panel-title{color:var(--text-muted);text-shadow:0 2px 4px rgba(0,0,0,.5)}.future-state .panel-title{color:var(--primary-green);text-shadow:0 0 20px rgba(0,255,0,.8),0 0 40px rgba(0,255,0,.5),0 2px 4px rgba(0,0,0,.5);animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{filter:brightness(1) drop-shadow(0 0 10px rgba(0,255,0,.5))}to{filter:brightness(1.3) drop-shadow(0 0 20px rgba(0,255,0,.8))}}.panel-subtitle{font-size:clamp(12px,1.5vw,16px);opacity:.7;font-weight:300;letter-spacing:.8px;line-height:1.4}.panel-content{padding:20px 40px;flex:1;overflow-x:hidden;min-height:0}.current-state .panel-content{overflow-y:hidden;display:flex;flex-direction:column}.future-state .panel-content{overflow-y:hidden;overflow-x:hidden;padding:clamp(15px,2.5vw,25px)}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.panel-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;-webkit-transition:background var(--animation-fast);transition:background var(--animation-fast)}.panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.future-state .panel-content::-webkit-scrollbar-thumb{background:#00ff004d}.future-state .panel-content::-webkit-scrollbar-thumb:hover{background:#00ff0080}.launcher-mockup{background:linear-gradient(135deg,var(--background-dark) 0%,#050505 100%);border-radius:var(--border-radius);padding:clamp(16px,3vw,24px);box-shadow:0 15px 40px #0009,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.game-list{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,12px)}.game-item{background:linear-gradient(135deg,#111,#0a0a0a);padding:clamp(12px,2.5vw,20px);border-radius:var(--border-radius);display:flex;align-items:center;gap:clamp(12px,2vw,16px);transition:all var(--animation-fast) cubic-bezier(.23,1,.32,1);border:1px solid transparent;position:relative;overflow:hidden}.game-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .6s ease}.game-item:hover:before{transform:translate(100%)}.game-item:hover{background:linear-gradient(135deg,var(--background-medium) 0%,#111 100%);border-color:#333;box-shadow:0 8px 25px #0006}.game-icon{width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);background:linear-gradient(135deg,#222,#333);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vw,28px);box-shadow:0 6px 15px #0006;flex-shrink:0;animation:none!important;transform:none!important;position:relative}.game-info{flex:1;min-width:0}.game-info h3{font-size:clamp(14px,2.5vw,18px);margin-bottom:4px;font-weight:600;color:var(--text-primary);line-height:1.3}.game-info p{font-size:clamp(11px,2vw,14px);color:var(--text-muted);line-height:1.4}.play-button{background:linear-gradient(135deg,#333,#222);border:1px solid #444;padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,24px);border-radius:8px;color:var(--text-secondary);font-weight:600;transition:all var(--animation-fast) ease;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;font-size:clamp(10px,1.8vw,14px);flex-shrink:0}.play-button:hover{background:linear-gradient(135deg,#444,#333);border-color:#555;transform:scale(1.05);color:var(--text-primary);box-shadow:0 4px 12px #0000004d}.command-center{height:100%;display:flex;flex-direction:column;gap:clamp(16px,3vh,24px)}.command-center .stats-grid,.future-state .stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:6px 8px!important;margin-top:-10px!important;width:100%!important;height:64px!important;max-height:64px!important;transform:none!important;position:relative!important}.command-center .stat-card,.future-state .stat-card,.stats-grid .stat-card{background:linear-gradient(135deg,#00ff000d,#00ff0005)!important;border:1px solid var(--border-primary)!important;border-radius:4px!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;transition:all var(--animation-fast) cubic-bezier(.23,1,.32,1)!important;width:100%!important;max-width:130px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;transform:none!important;box-sizing:border-box!important}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.15),transparent);transition:left .6s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--border-hover);box-shadow:0 12px 35px var(--shadow-green),inset 0 1px #0f03;background:linear-gradient(135deg,#00ff0014,#00ff000a)}.command-center .stat-value,.future-state .stat-value,.stats-grid .stat-value{font-weight:900!important;color:var(--primary-green)!important;margin:0!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.3px!important;text-shadow:0 0 5px rgba(0,255,0,.5)!important;line-height:1!important;text-align:center!important;transform:none!important;position:static!important}.command-center .stat-label,.future-state .stat-label,.stats-grid .stat-label{color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.3px!important;font-weight:500!important;line-height:1!important;text-align:center!important;margin:0!important;transform:none!important;position:static!important}.stat-change{position:absolute;top:2px;right:3px;font-size:6px;color:var(--primary-green);display:flex;align-items:center;gap:1px;opacity:0;animation:fadeIn var(--animation-medium) ease 2s forwards;font-weight:600}.stat-change.negative{color:#f44}.performance-graph{background:linear-gradient(180deg,#00ff0008,#00ff0014,#00ff0008);border:1px solid var(--border-primary);border-radius:clamp(8px,1.5vw,12px);padding:clamp(12px,2vw,16px);position:relative;overflow:hidden;cursor:crosshair;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.performance-graph:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.08) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;opacity:.5}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1.5vh,12px);position:relative;z-index:2;flex-wrap:wrap;gap:clamp(6px,1vw,8px)}.graph-title{font-size:clamp(12px,2vw,14px);font-weight:700;color:var(--primary-green);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:clamp(6px,1vw,8px);text-shadow:0 0 8px rgba(0,255,0,.5)}.live-indicator{display:flex;align-items:center;gap:clamp(6px,1vw,8px);font-size:clamp(10px,1.8vw,12px);color:var(--primary-green);animation:pulse 2s ease-in-out infinite;font-weight:600}.live-dot{width:clamp(6px,1.2vw,8px);height:clamp(6px,1.2vw,8px);background:var(--primary-green);border-radius:50%;box-shadow:0 0 12px #0f0c;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.grid-line{stroke:#00ff0026;stroke-width:1;stroke-dasharray:3 3}.graph-line-skill{stroke:var(--primary-green);stroke-width:3;fill:none;filter:drop-shadow(0 0 10px rgba(0,255,0,.8));stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 3s ease-out 1.5s forwards,pulseLine 4s ease-in-out 4.5s infinite}@keyframes pulseLine{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,0,.8));stroke-width:3}50%{filter:drop-shadow(0 0 20px rgba(0,255,0,1));stroke-width:4}}.graph-line-baseline{stroke:#666;stroke-width:2;fill:none;stroke-dasharray:6 4;opacity:.4}.graph-line-projection{stroke:var(--light-green);stroke-width:2;fill:none;stroke-dasharray:6 4;opacity:.6;animation:drawLine 2s ease-out 3.5s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.graph-fill{fill:url(#graphGradient);opacity:0;animation:fadeIn var(--animation-slow) ease 2.5s forwards}.data-point{fill:var(--primary-green);stroke:#000;stroke-width:2;cursor:pointer;opacity:0;animation:popIn var(--animation-fast) ease forwards;filter:drop-shadow(0 0 8px rgba(0,255,0,.8));transition:all var(--animation-fast) ease}.data-point:hover{r:6;filter:drop-shadow(0 0 15px rgba(0,255,0,1));transform:scale(1.2)}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.axis-label{fill:var(--text-muted);font-size:clamp(8px,1.3vw,10px);font-weight:500;text-transform:uppercase;letter-spacing:.2px}.axis-value{fill:var(--text-secondary);font-size:clamp(8px,1.3vw,10px)}.milestone-marker{stroke:var(--primary-green);stroke-width:2;stroke-dasharray:2 2;opacity:.4}.milestone-text{fill:var(--primary-green);font-size:clamp(7px,1.2vw,9px);font-weight:600;text-transform:uppercase;opacity:0;animation:fadeIn var(--animation-medium) ease 3s forwards;letter-spacing:.3px}.graph-tooltip{position:absolute;background:#000000f2;border:1px solid var(--primary-green);border-radius:8px;padding:clamp(8px,1.5vw,12px);pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10;box-shadow:0 6px 20px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.graph-tooltip.active{opacity:1}.tooltip-date{font-size:clamp(9px,1.5vw,11px);color:var(--text-muted);margin-bottom:3px}.tooltip-value{font-size:clamp(14px,2.5vw,16px);font-weight:700;color:var(--primary-green)}.tooltip-change{font-size:clamp(10px,1.8vw,12px);color:var(--primary-green);margin-top:3px}.graph-metrics{position:absolute;right:clamp(12px,2.5vw,16px);top:clamp(8px,1.5vh,12px);display:flex;flex-direction:row;gap:clamp(12px,2vw,16px);opacity:0;animation:fadeIn var(--animation-medium) ease 3.5s forwards;min-width:160px;z-index:10}.metric-item{display:flex;align-items:center;font-size:clamp(9px,1.5vw,11px);padding:clamp(6px,1.2vw,8px) clamp(8px,1.5vw,12px);background:#000000b3;border-radius:6px;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.metric-color{width:clamp(8px,1.5vw,12px);height:3px;border-radius:2px}.metric-label{color:var(--text-secondary)}.metric-value{color:var(--primary-green);font-weight:600;margin-left:auto}.feature-list{flex-shrink:1;min-height:0;display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;align-items:center;gap:clamp(12px,2.5vw,16px);font-size:clamp(13px,2.2vw,16px);position:relative;animation:fadeInUp var(--animation-medium) ease-out both;line-height:1.3}.feature-item:nth-child(1){animation-delay:1.2s}.feature-item:nth-child(2){animation-delay:1.4s}.feature-item:nth-child(3){animation-delay:1.6s}.feature-item:nth-child(4){animation-delay:1.8s}.feature-item:nth-child(5){animation-delay:2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.feature-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#ffffff1a;transition:width var(--animation-fast) ease}.future-state .feature-item:after{background:var(--border-primary)}.feature-item:hover:after{width:100%}.current-state .feature-item{color:var(--text-muted)}.future-state .feature-item{color:var(--text-primary)}.feature-icon{font-size:clamp(18px,3.5vw,24px);width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px);display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;flex-shrink:0;transition:all var(--animation-fast) ease}.future-state .feature-icon{background:#00ff001a;box-shadow:0 0 20px #00ff004d;color:var(--primary-green)}.feature-item:hover .feature-icon{transform:scale(1.1);background:#00ff0026;box-shadow:0 0 25px #00ff0080}.feature-badge{margin-left:auto;font-size:clamp(8px,1.3vw,11px);padding:clamp(3px,.6vw,4px) clamp(8px,1.5vw,12px);border-radius:12px;background:#00ff001a;color:var(--primary-green);text-transform:uppercase;letter-spacing:.5px;font-weight:600;animation:pulse 2s ease-in-out infinite;border:1px solid var(--border-primary);flex-shrink:0}.divider{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}.divider-content{position:relative;width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);display:flex;align-items:center;justify-content:center}.divider-circle{position:absolute;width:100%;height:100%;border:2px solid var(--primary-green);border-radius:50%;animation:rotate 12s linear infinite;box-shadow:0 0 20px #00ff0080}.divider-circle:nth-child(2){width:120%;height:120%;top:-10%;left:-10%;opacity:.6;animation-duration:18s;animation-direction:reverse;border-color:var(--light-green)}.divider-text{font-weight:900;font-size:clamp(20px,4vw,28px);color:var(--primary-green);text-shadow:0 0 25px rgba(0,255,0,.8);z-index:2;background:radial-gradient(circle,#000 60%,transparent 70%);padding:clamp(6px,1.2vw,8px);border-radius:50%;animation:pulse 3s ease-in-out infinite}.future-state .matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.08;pointer-events:none}.matrix-column{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:clamp(10px,1.8vw,14px);color:var(--primary-green);writing-mode:vertical-rl;text-orientation:upright;animation:matrixFall 12s linear infinite;text-shadow:0 0 5px rgba(0,255,0,.5)}@keyframes matrixFall{to{transform:translateY(200vh)}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:.6}.data-particle{position:absolute;width:clamp(2px,.5vw,4px);height:clamp(2px,.5vw,4px);background:var(--primary-green);border-radius:50%;opacity:0;animation:particleFloat 10s linear infinite;box-shadow:0 0 8px #0f09}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.8;transform:translateY(90vh) scale(1)}90%{opacity:.8;transform:translateY(10vh) scale(1)}to{transform:translateY(0) scale(0);opacity:0}}.ai-panel{padding:clamp(12px,2vw,16px);background:linear-gradient(135deg,#00ff0014,#00ff0008,#00ff0014);border:1px solid var(--border-primary);border-radius:clamp(6px,1vw,8px);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ai-panel:before{content:"AI POWERED";position:absolute;right:8px;bottom:0;font-size:clamp(8px,1.3vw,10px);font-weight:700;color:var(--primary-green);text-transform:uppercase;letter-spacing:1.5px;opacity:.6}.ai-insight{font-size:clamp(10px,1.8vw,12px);line-height:1.4;color:#ffffffe6;animation:fadeIn 1s ease 2s both;overflow:visible;white-space:normal;word-wrap:break-word}@keyframes typewriter{0%{width:0;border-right-color:var(--primary-green)}90%{border-right-color:var(--primary-green)}to{width:100%;border-right-color:transparent}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#010,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeOut var(--animation-medium) ease .5s forwards;pointer-events:none}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.loading-text{font-size:clamp(18px,4vw,24px);font-weight:700;color:var(--primary-green);letter-spacing:2px;animation:pulse var(--animation-slow) ease-in-out infinite;text-transform:uppercase;margin-bottom:clamp(16px,3vh,24px)}.loading-bar{width:clamp(200px,40vw,400px);height:4px;background:#0f03;border-radius:2px;overflow:hidden;position:relative}.loading-progress{height:100%;background:linear-gradient(90deg,transparent 0%,var(--primary-green) 50%,transparent 100%);border-radius:2px;animation:loadingProgress 2s ease-in-out infinite}@keyframes loadingProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1400px){.graph-metrics{right:clamp(8px,1.5vw,16px);top:clamp(50px,10vh,70px)}}@media (max-width: 1024px){.graph-metrics{position:static;flex-direction:row;gap:clamp(8px,1.5vw,12px);opacity:1;animation:none;margin-top:clamp(12px,2vh,16px);flex-wrap:wrap;min-width:auto}.metric-item{font-size:clamp(8px,1.3vw,10px);padding:clamp(4px,.8vw,6px) clamp(6px,1.2vw,8px)}}@media (max-width: 768px){.divider{display:none}.header{padding:clamp(15px,3vh,25px) 15px clamp(10px,2vh,20px)}.side-panel{min-height:auto;max-height:none}.panel-header{padding:clamp(15px,3vh,25px) clamp(15px,3vw,25px) clamp(10px,2vh,20px)}.game-item{flex-wrap:wrap;gap:clamp(8px,2vw,12px)}.game-info{order:1;flex:1;min-width:120px}.play-button{order:2;margin-left:0}.current-state .panel-content{overflow-y:auto}.future-state .panel-content{overflow-y:hidden;padding:clamp(10px,2vw,15px)}}@media (max-width: 480px){.header h1{font-size:clamp(24px,8vw,32px);letter-spacing:-1px}.panel-content{padding:clamp(12px,3vw,16px)}.feature-item{flex-wrap:wrap;gap:clamp(8px,2vw,10px)}.feature-badge{margin-left:0;margin-top:4px}}.chaos-slide-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#001a00,#000);overflow:hidden}.chaos-bg{position:absolute;width:100%;height:100%;opacity:.1;background:radial-gradient(ellipse at center,rgba(0,255,0,.1) 0%,transparent 100%)}.data-rain{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.data-column{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:14px;line-height:1.2;color:#0f0;text-shadow:0 0 5px #00ff00;animation:dataFall linear infinite;opacity:0}@keyframes dataFall{0%{top:-100%;opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:110%;opacity:0}}.data-column span{display:block;opacity:.8}.data-column span:first-child{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #00ff00;opacity:1}.chaos-header{text-align:center;padding:40px 20px 20px;z-index:10;animation:fadeInDown .8s ease-out;flex-shrink:0}.chaos-header h1{font-size:clamp(32px,6vw,48px);font-weight:900;letter-spacing:-1px;margin-bottom:10px;color:#fff;text-shadow:0 0 20px rgba(255,0,0,.5);line-height:1.1}.chaos-header .highlight{color:red;animation:glitch 2s infinite}@keyframes glitch{0%,to{text-shadow:0 0 20px rgba(255,0,0,.5)}25%{text-shadow:-2px 0 #00ff00,2px 0 #ff00ff}50%{text-shadow:2px 0 #00ff00,-2px 0 #ff00ff}75%{text-shadow:0 0 20px rgba(255,0,0,.5)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.gamer-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vh,40px);min-height:0}.gamer-figure{width:clamp(180px,20vw,220px);height:clamp(180px,20vw,220px);background:#0a0a0a;border:2px solid #00ff00;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:frustration 3s ease-in-out infinite;box-shadow:0 0 40px #0f06,inset 0 0 30px #00ff001a;z-index:10;position:relative}.gamer-figure svg{z-index:2}.gamer-figure:before{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(circle,rgba(0,255,0,.15) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite;z-index:1}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes frustration{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.03) rotate(-3deg)}75%{transform:scale(.97) rotate(3deg)}}@keyframes dataFloat{0%{transform:translateY(0) rotate(0);opacity:.6}50%{opacity:1}to{transform:translateY(-15px) rotate(360deg);opacity:.6}}@keyframes pulse{0%,to{transform:scaleX(1);opacity:.6}50%{transform:scaleX(.7);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.app-window{position:absolute;background:#141414e6;border:2px solid #333;border-radius:8px;padding:clamp(16px,2.5vw,24px);box-shadow:0 8px 24px #00000080;animation:float 6s ease-in-out infinite;cursor:grab;transition:all .3s ease;transform:scale(.9);z-index:10;max-width:clamp(180px,22vw,240px)}.app-window:hover{border-color:#0f0;transform:scale(.95);z-index:20}.app-window.active{cursor:grabbing}.app-header{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);margin-bottom:clamp(12px,2vh,16px);padding-bottom:clamp(8px,1.5vh,12px);border-bottom:1px solid #333}.app-icon{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);background:#444;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.5vw,18px);flex-shrink:0}.app-title{font-size:clamp(12px,2.2vw,14px);font-weight:600;color:#999;line-height:1.3}.app-content{font-size:clamp(10px,1.8vw,12px);color:#666;line-height:1.5}.app-1{top:10%;left:10%;animation-delay:0s}.app-2{top:15%;right:15%;animation-delay:1s}.app-3{bottom:20%;left:15%;animation-delay:2s}.app-4{bottom:25%;right:10%;animation-delay:3s}.app-5{top:40%;left:5%;animation-delay:4s}.app-6{top:30%;right:5%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.problems-container{position:absolute;bottom:clamp(60px,8vh,100px);left:50%;transform:translate(-50%) scale(.75);background:#000000e6;border:2px solid #ff0000;border-radius:clamp(8px,1.5vw,12px);padding:clamp(12px,2vh,18px) clamp(16px,3vw,24px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;animation:slideUp 1s ease-out .5s both;max-width:80vw}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.problem-item{display:flex;flex-direction:column;font-size:clamp(13px,2.5vw,16px);animation:fadeInLeft .5s ease-out both;line-height:1.2}.problem-item:nth-child(1){animation-delay:1s}.problem-item:nth-child(2){animation-delay:1.2s}.problem-item:nth-child(3){animation-delay:1.4s}.problem-item:nth-child(4){animation-delay:1.6s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.problem-icon{font-size:clamp(16px,3vw,20px);color:red;animation:shake 2s ease-in-out infinite;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-popup{position:absolute;background:red;color:#fff;padding:15px 25px;border-radius:5px;font-size:16px;font-weight:600;animation:errorPop 3s ease-in-out infinite;z-index:25}@keyframes errorPop{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(-5deg)}}.error-1{top:25%;left:30%;animation-delay:.5s}.error-2{top:55%;right:25%;animation-delay:2s}.error-3{bottom:50%;left:20%;animation-delay:3.5s}@media (max-width: 768px){.chaos-header{padding:20px 15px 15px}.chaos-header h1{font-size:clamp(28px,7vw,36px);letter-spacing:-.5px}.gamer-container{padding:clamp(15px,3vh,25px)}.app-window{transform:scale(.7);max-width:clamp(140px,25vw,180px)}.app-window:hover{transform:scale(.75)}.problems-container{padding:clamp(10px,2vh,15px) clamp(12px,3vw,18px);max-width:90vw;transform:translate(-50%) scale(.7)}.problem-icon{font-size:clamp(12px,3.5vw,16px)}.gamer-figure{width:clamp(140px,25vw,180px);height:clamp(140px,25vw,180px)}.gamer-figure svg{width:clamp(100px,18vw,140px);height:clamp(100px,18vw,140px)}.data-column{font-size:clamp(10px,2vw,12px)}}@media (max-width: 480px){.chaos-header{padding:40px 15px 20px}.chaos-header h1{font-size:36px;letter-spacing:-1px}.gamer-container{padding:40px 20px}.gamer-figure{width:160px;height:160px}.gamer-figure svg{width:120px;height:120px}.app-window{padding:20px;transform:scale(.8)}.app-window:hover{transform:scale(.85)}.app-header{gap:10px;margin-bottom:15px;padding-bottom:10px}.app-icon{width:30px;height:30px;font-size:16px}.app-title{font-size:14px}.app-content{font-size:12px;line-height:1.6}.problems-container{bottom:30px;padding:20px 25px;border-radius:15px}.problem-icon{font-size:20px}.data-column{font-size:10px}.error-popup{padding:10px 15px;font-size:12px}}.tracking-slide-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,rgba(0,255,0,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(0,255,136,.1) 0%,transparent 50%),#000}.tracking-slide-container:before{content:"VICTORY STAT EVERY";position:absolute;top:5%;left:2%;font-size:clamp(40px,6vw,80px);font-weight:700;color:#00ff0008;z-index:1;pointer-events:none;letter-spacing:6px;line-height:.8;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(-5deg)}.pulse-bg{position:absolute;width:100%;height:100%;opacity:.05;background:radial-gradient(circle,#00ff00 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.05}50%{transform:scale(1.1);opacity:.1}}.tracking-header{text-align:center;padding:20px 15px 15px;z-index:10}.tracking-header h1{font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:-2px;margin-bottom:10px;color:#0f0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tracking-header p{font-size:clamp(16px,2.5vw,24px);color:#f90;font-weight:300}.dashboard-container{align-self:center;width:85%;display:flex;gap:16px;position:relative}.live-stats-panel{flex:1;display:flex;flex-direction:column;gap:20px}.current-match-card{min-height:50%;background:linear-gradient(135deg,#000000e6,#001e00cc);border:2px solid #00ff00;border-radius:16px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:slideInLeft .8s ease-out;box-shadow:0 10px 40px #00ff001a;min-height:280px;display:flex;flex-direction:column}.current-match-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00ff00,transparent,#00ff00);border-radius:20px;opacity:.1;z-index:-1}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,0,.2)}.match-title{font-size:22px;font-weight:700;color:#0f0;display:flex;align-items:center;gap:12px}.game-icon{width:32px;height:32px;background:linear-gradient(135deg,#0f0,#0c0);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-weight:900;box-shadow:0 4px 15px #0f06}.live-indicator{display:flex;align-items:center;gap:10px;font-size:14px;color:red;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;background:#00ff001a;border:1px solid rgba(255,0,0,.3);border-radius:20px}.live-dot{width:10px;height:10px;background:red;border-radius:50%;animation:livePulse 1s ease-in-out infinite;box-shadow:0 0 10px red}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.match-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 16px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:10px}.match-info-item{display:flex;align-items:center;gap:8px;font-size:14px}.match-info-label{color:#666;text-transform:uppercase;letter-spacing:1px}.match-info-value{color:#0f0;font-weight:700;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;min-height:180px}.stat-item{background:linear-gradient(135deg,#00ff000d,#00ff0005);border:1px solid rgba(0,255,0,.2);border-radius:10px;padding:12px 8px 18px;text-align:center;transition:all .3s ease;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80px}.stat-item:hover{background:linear-gradient(135deg,#00ff0026,#00ff000d);transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #0f03;border-color:#0f0}.stat-value{font-size:clamp(20px,3vw,28px);font-weight:900;color:#0f0;transition:all .3s ease;position:relative;display:inline-block;text-shadow:0 0 20px rgba(0,255,0,.5)}.stat-label{color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:600;line-height:1.2}.stat-change{position:absolute;top:6px;right:6px;font-size:10px;font-weight:700;opacity:0;animation:changeFlash 2s ease-out;display:flex;align-items:center;gap:2px;padding:1px 4px;background:#0009;border-radius:6px}@keyframes changeFlash{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.8)}}.positive{color:#0f0;box-shadow:0 0 10px #00ff0080}.negative{color:red;box-shadow:0 0 10px #ff000080}.stat-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#00ff001a;border-radius:0 0 15px 15px;overflow:hidden}.stat-progress-bar{height:100%;background:linear-gradient(90deg,#0f0,#0fa);transition:width .5s ease-out;box-shadow:0 0 10px #0f0}.stat-rank{position:absolute;top:-6px;right:-6px;width:24px;height:24px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000;font-weight:900;box-shadow:0 2px 10px #ffd70080;animation:rankShine 3s ease-in-out infinite}@keyframes rankShine{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.performance-graph{background:linear-gradient(135deg,#000000e6,#001400cc);border:2px solid #00ff00;border-radius:12px;padding:12px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .8s ease-out .2s both;display:flex;flex-direction:column;overflow:hidden}.performance-graph:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,0,.05) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;z-index:1;flex-shrink:0}.graph-title{font-size:16px;font-weight:700;color:#0f0;display:flex;align-items:center;gap:6px}.graph-info-bar{display:flex;gap:20px;align-items:center}.metric-item{display:flex;align-items:flex-end}.metric-value{font-size:16px;font-weight:700;color:#0f0}.metric-label{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.8px}.trend-item{display:flex;align-items:center;gap:6px;background:#0009;padding:6px 12px;border-radius:16px;border:1px solid rgba(0,255,0,.3)}.trend-arrow{font-size:20px;animation:trendBounce 2s ease-in-out infinite}.trend-up{color:#0f0}.trend-down{color:red}@keyframes trendBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.trend-text{font-size:11px;color:#999}.graph-canvas{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#0000004d}.performance-zones{opacity:.1}.zone-excellent{fill:#0f0}.zone-good{fill:#0f8}.zone-average{fill:#ff0}.zone-poor{fill:#f60}.zone-critical{fill:red}.graph-line{stroke:#0f0;stroke-width:3;fill:none;filter:drop-shadow(0 0 15px #00ff00);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.graph-line-glow{stroke:#0f0;stroke-width:8;fill:none;opacity:.3;filter:blur(8px);vector-effect:non-scaling-stroke}.graph-fill{fill:url(#gradientFill);opacity:.2}.graph-point{fill:#0f0;stroke:#000;stroke-width:2;filter:drop-shadow(0 0 10px #00ff00);cursor:pointer;transition:all .3s ease;vector-effect:non-scaling-stroke}.graph-point:hover{r:8;filter:drop-shadow(0 0 20px #00ff00)}.graph-point-pulse{fill:none;stroke:#0f0;stroke-width:2;opacity:0;animation:pointPulse 2s ease-out infinite}@keyframes pointPulse{0%{opacity:.8;r:6}to{opacity:0;r:20}}.graph-grid-line{stroke:#00ff001a;stroke-width:1;stroke-dasharray:5,5;vector-effect:non-scaling-stroke}.graph-grid-line-major{stroke:#0f03;stroke-width:1.5;vector-effect:non-scaling-stroke}.graph-label{fill:#666;font-size:11px;font-weight:500}.time-label{fill:#666;font-size:16px;text-anchor:middle}.milestone-marker{stroke:gold;stroke-width:2;stroke-dasharray:5,5;opacity:.5}.milestone-icon{font-size:16px;animation:milestoneFloat 3s ease-in-out infinite}@keyframes milestoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.performance-tooltip{position:absolute;background:#000000e6;border:1px solid #00ff00;border-radius:8px;padding:10px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10}.tooltip-visible{opacity:1}.tooltip-time{font-size:11px;color:#666;margin-bottom:5px}.tooltip-value{font-size:16px;font-weight:700;color:#0f0}.right-panel{width:380px;display:flex;flex-direction:column;gap:15px;min-height:0;height:100%}.global-rank-card{background:linear-gradient(135deg,#000000e6,#002800cc);border:2px solid #00ff00;border-radius:16px;padding:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .8s ease-out .4s both;position:relative;overflow:hidden;box-shadow:0 10px 40px #00ff0026;display:flex;flex-direction:column;justify-content:space-between}.global-rank-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,255,0,.1),transparent);animation:rotate 10s linear infinite;pointer-events:none}.global-rank-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanLine 4s ease-in-out infinite}@keyframes scanLine{0%{left:-100%}to{left:100%}}.rank-header{font-size:16px;color:#666;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.rank-icon{width:24px;height:24px;background:linear-gradient(135deg,#0f0,#0a0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000;font-weight:900}.rank-value{font-size:clamp(48px,8vw,64px);font-weight:900;color:#0f0;margin:10px 0;position:relative;text-shadow:0 0 30px rgba(0,255,0,.5);animation:rankPulse 3s ease-in-out infinite;line-height:1}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.rank-movement{position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:700;animation:rankMove 2s ease-out;display:flex;align-items:center;gap:5px;background:#000c;padding:5px 10px;border-radius:15px;border:1px solid rgba(0,255,0,.3)}@keyframes rankMove{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.rank-percentile{font-size:14px;color:#0f0;margin-bottom:15px;padding:6px 16px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:20px;display:inline-block;font-weight:600;position:relative;overflow:hidden}.rank-percentile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.3),transparent);animation:shimmer 3s ease-in-out infinite}.rank-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;flex-shrink:0}.rank-stat{text-align:left;padding:8px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:10px;transition:all .3s ease;position:relative;overflow:hidden}.rank-stat:hover{background:#00ff001a;transform:translateY(-2px);box-shadow:0 5px 20px #0f03}.rank-stat-value{color:#0f0;font-size:20px;font-weight:700;margin-bottom:2px;display:flex;align-items:baseline;gap:4px;line-height:1}.rank-stat-label{color:#666;font-size:9px;text-transform:uppercase;letter-spacing:.8px;line-height:1.1}.rank-stat-trend{font-size:12px;font-weight:600;animation:trendFlash 2s ease-in-out}@keyframes trendFlash{0%,to{opacity:.6}50%{opacity:1}}.trend-positive{color:#0f0}.trend-negative{color:red}.rank-progress-container{position:absolute;top:15px;right:15px;width:60px;height:60px}.rank-progress-ring{transform:rotate(-90deg);width:100%;height:100%}.rank-progress-bg{fill:none;stroke:#00ff001a;stroke-width:3}.rank-progress-fill{fill:none;stroke:#0f0;stroke-width:3;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:39.25;animation:progressFill 2s ease-out;filter:drop-shadow(0 0 5px #00ff00)}@keyframes progressFill{0%{stroke-dashoffset:157}to{stroke-dashoffset:39.25}}.rank-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;color:#0f0}.leaderboard-preview{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,255,0,.2);flex-shrink:0}.leaderboard-preview-title{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.nearby-ranks{display:flex;flex-direction:column;gap:5px}.nearby-rank-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#00ff0008;border-radius:6px;font-size:11px;transition:all .3s ease}.nearby-rank-item:hover{background:#00ff0014}.nearby-rank-item.current{background:#00ff001a;border:1px solid rgba(0,255,0,.3)}.nearby-rank-num{color:#999;font-weight:600}.nearby-rank-item.current .nearby-rank-num{color:#0f0}.nearby-rank-name{flex:1;margin-left:10px;color:#ccc}.nearby-rank-item.current .nearby-rank-name{color:#0f0;font-weight:600}.nearby-rank-points{color:#666;font-size:11px}.friends-leaderboard{text-wrap-mode:nowrap;background:linear-gradient(135deg,#000000e6,#001400cc);border:2px solid #00ff00;border-radius:16px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .8s ease-out .6s both;position:relative;overflow:hidden;box-shadow:0 10px 40px #00ff0026;min-height:0;display:flex;flex-direction:column;flex:1}.friends-leaderboard:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanTop 5s ease-in-out infinite}@keyframes scanTop{0%{left:-100%}to{left:100%}}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-direction:column;flex-shrink:0;gap:8px}.leaderboard-title{font-size:16px;font-weight:700;color:#0f0;display:flex;align-items:center;gap:8px}.friends-count{font-size:12px;color:#666;font-weight:400}.friends-tabs{display:flex;gap:5px}.friends-tab{padding:6px 12px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:15px;font-size:11px;color:#666;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.friends-tab:hover{background:#00ff001a;color:#999}.friends-tab.active{background:#0f03;border-color:#0f0;color:#0f0;box-shadow:0 0 10px #00ff004d}.friends-list-container{overflow-y:auto;padding-right:3px;position:relative;min-height:0}.friend-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:6px;border-radius:10px;background:#00ff0005;border:1px solid transparent;transition:all .3s ease;position:relative;cursor:pointer;overflow:hidden;flex-shrink:0}.friend-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s ease}.friend-item:hover:before{left:100%}.friend-item:hover{background:#00ff0014;border-color:#00ff004d;transform:translate(5px);box-shadow:0 5px 20px #00ff001a}.friend-rank{font-size:18px;font-weight:700;color:#0f0;width:30px;text-align:center;position:relative}.friend-item:nth-child(1) .friend-rank{color:gold;text-shadow:0 0 10px #ffd700}.friend-item:nth-child(2) .friend-rank{color:silver;text-shadow:0 0 10px #c0c0c0}.friend-item:nth-child(3) .friend-rank{color:#cd7f32;text-shadow:0 0 10px #cd7f32}.friend-avatar-container{position:relative}.friend-status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#0f0;border:2px solid #000;z-index:2;box-shadow:0 0 5px #00ff0080}.status-online{background:#0f0;animation:statusPulse 2s ease-in-out infinite}.status-ingame{background:#f60;animation:statusPulse 2s ease-in-out infinite}.status-away{background:#fa0}.status-offline{background:#666}@keyframes statusPulse{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor}}.friend-info{flex:1;display:flex;flex-direction:column;gap:6px}.friend-name-row{display:flex;align-items:center;gap:8px}.friend-name{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.friend-level{font-size:10px;padding:2px 6px;background:#ffd70033;border:1px solid rgba(255,215,0,.4);border-radius:10px;color:gold;font-weight:700}.rep-stars{font-size:10px;color:gold;filter:drop-shadow(0 0 2px #ffd700)}.friend-stats{display:flex;gap:15px;font-size:12px}.friend-stat-item{display:flex;align-items:center;gap:4px;color:#999}.friend-stat-value{color:#0f0;font-weight:600}.friend-activity{font-size:11px;color:#666;display:flex;align-items:center;gap:5px}.activity-icon{font-size:12px}.activity-game{color:#0f0}.friend-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.friend-item:hover .friend-actions{opacity:1}.friend-action-btn{width:32px;height:32px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.friend-action-btn:hover{background:#0f03;border-color:#0f0;transform:scale(1.1);box-shadow:0 0 10px #00ff0080}.comparison-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#000000f2;border:2px solid #00ff00;border-radius:20px;padding:25px;width:90%;max-width:400px;opacity:0;transition:all .3s ease;z-index:30}.comparison-popup.active{transform:translate(-50%,-50%) scale(1);opacity:1}.gamer-avatar{width:40px;height:40px;border-radius:50%;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0000004d;flex-shrink:0}.gamer-avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px #0f09}.avatar-you{background:#000;border:2px solid #00ff00;position:relative}.avatar-you:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:conic-gradient(from 0deg,#0f0,#0f8,#0fa,#0f0);border-radius:50%;animation:rotate 3s linear infinite}.avatar-you:after{content:"⭐";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:radial-gradient(circle,transparent 30%,#000 70%);border-radius:50%}.avatar-2{background:linear-gradient(45deg,#1a1a1a 25%,red 25%,red 50%,#1a1a1a 50%,#1a1a1a 75%,red 75%);background-size:20px 20px;border:2px solid #ff0000}.avatar-2:after{content:"🎯";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle at center,transparent 40%,rgba(255,0,0,.8))}.avatar-3{background:#000;border:2px solid #4c6ef5}.avatar-3:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(45deg,#4c6ef5,#4c6ef5 2px,transparent 2px,transparent 6px);opacity:.8}.avatar-3:after{content:"⚡";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle,#845ef7 20%,transparent 60%);border-radius:50%}.avatar-4{background:radial-gradient(circle at 30% 30%,#764ba2,#000);border:2px solid #764ba2}.avatar-4:after{content:"👑";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px}.avatar-5{background:#1a0f0a;border:2px solid #ff6b35;position:relative}.avatar-5:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:conic-gradient(from 180deg,#ff6b35,#f7931e,#fcc419,#f7931e,#ff6b35);border-radius:50%;filter:blur(4px)}.avatar-5:after{content:"🔥";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(ellipse,transparent 30%,#1a0f0a 60%);border-radius:50%}.avatar-6{background:linear-gradient(180deg,#001f3f,#036,#004080);border:2px solid #66d9ef;position:relative}.avatar-6:after{content:"❄️";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px}.avatar-7{background:#1a0033;border:2px solid #a855f7;position:relative}.avatar-7:after{content:"💜";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle,rgba(168,85,247,.3) 20%,transparent 60%)}.avatar-8{background:#0a1f0a;border:2px solid #84cc16;position:relative}.avatar-8:after{content:"🎮";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle,rgba(132,204,22,.3) 20%,transparent 60%)}.friend-item:nth-child(1) .gamer-avatar{animation:prestigeGlow 2s ease-in-out infinite}@keyframes prestigeGlow{0%,to{box-shadow:0 0 10px #ffd70099,0 0 20px #ffd7004d}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70080}}.achievement-popup{position:absolute;bottom:48px;right:16px;transform:translate(0) translateY(100px);background:linear-gradient(135deg,#001a00,#030);border:2px solid #00ff00;border-radius:20px;padding:15px 25px;display:flex;align-items:center;gap:15px;box-shadow:0 20px 60px #0f06;animation:achievementPopRight 5s ease-out;z-index:50;max-width:320px;opacity:0}@keyframes achievementPop{0%{transform:translate(-50%) translateY(100px);opacity:0}10%{transform:translate(-50%) translateY(0);opacity:1}90%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100px);opacity:0}}@keyframes achievementPopRight{0%{transform:translate(0) translateY(100px);opacity:0}10%{transform:translate(0) translateY(0);opacity:1}90%{transform:translate(0) translateY(0);opacity:1}to{transform:translate(0) translateY(100px);opacity:0}}.achievement-icon{font-size:48px;animation:spin 2s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievement-text h3{font-size:18px;color:#0f0;margin-bottom:5px}.achievement-text p{font-size:14px;color:#999}@media (max-width: 768px){.tracking-header{padding:30px 15px 20px}.tracking-header h1{font-size:42px}.rank-value{font-size:54px}.friend-item{padding:12px;gap:10px}.friend-stats{flex-wrap:wrap;gap:8px}}.profile-slide-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,rgba(0,255,0,.05) 0%,transparent 70%),#000}.dna-bg{position:absolute;width:100%;height:100%;opacity:.1;overflow:hidden}.dna-strand{position:absolute;width:2px;height:100%;background:linear-gradient(to bottom,transparent,#00ff00,transparent);animation:dnaFloat 20s linear infinite}@keyframes dnaFloat{0%{transform:translateY(-100%) rotate(0)}to{transform:translateY(100%) rotate(360deg)}}.rotating-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;pointer-events:none;opacity:.05}.rotating-hexagon{width:100%;height:100%;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:#0f0;animation:rotate 40s linear infinite}.rotating-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border:1px solid #00ff00;border-radius:50%;animation:rotate 30s linear infinite reverse}.rotating-circle:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:1px dashed #00ff00;border-radius:50%;opacity:.5;animation:rotate 25s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{text-align:center;padding:clamp(20px,3vh,40px) 20px clamp(15px,2vh,25px);z-index:10}.header h1:before,.header h1:after{content:none!important}.header h1{font-size:clamp(28px,4vw,48px);font-weight:900;letter-spacing:-2px;margin-bottom:clamp(8px,1vh,15px);background:linear-gradient(45deg,#0f0,#0fa,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 5s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.header p{font-size:clamp(14px,1.5vw,20px);color:#999;font-weight:300}.profile-container{flex:1;display:flex;padding:0 clamp(20px,4vw,60px) clamp(10px,2vh,30px);gap:clamp(20px,3vw,40px);position:relative;min-height:0;max-height:calc(100vh - 120px);overflow:hidden}.dna-panel{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.dna-visual{width:clamp(250px,25vw,350px);height:clamp(250px,25vw,350px);position:relative}.dna-hexagon{position:absolute;width:100%;height:100%;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:#00ff001a;border:2px solid #00ff00;animation:rotateClockwise 15s linear infinite}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dna-trait{position:absolute;width:clamp(80px,8vw,100px);height:clamp(80px,8vw,100px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;border:2px solid #00ff00;border-radius:15px;padding:clamp(8px,1vw,15px);transition:all .3s ease;animation:traitPulse 3s ease-in-out infinite}.dna-trait:hover{transform:scale(1.1);z-index:10;box-shadow:0 0 30px #00ff0080}@keyframes traitPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trait-icon{font-size:clamp(20px,2vw,28px);margin-bottom:clamp(4px,.5vw,8px);display:flex;align-items:center;justify-content:center}.trait-icon svg{width:clamp(20px,2vw,28px);height:clamp(20px,2vw,28px)}.trait-value{font-size:clamp(14px,1.5vw,20px);font-weight:900;color:#0f0;margin-bottom:clamp(2px,.3vw,4px)}.trait-label{font-size:clamp(8px,.8vw,10px);color:#999;text-transform:uppercase;text-align:center}.trait-1{top:clamp(-50px,-5vw,-40px);left:50%;transform:translate(-50%);animation-delay:0s}.trait-2{top:20%;right:clamp(-50px,-5vw,-40px);animation-delay:.5s}.trait-3{bottom:20%;right:clamp(-50px,-5vw,-40px);animation-delay:1s}.trait-4{bottom:clamp(-50px,-5vw,-40px);left:50%;transform:translate(-50%);animation-delay:1.5s}.trait-5{bottom:20%;left:clamp(-50px,-5vw,-40px);animation-delay:2s}.trait-6{top:20%;left:clamp(-50px,-5vw,-40px);animation-delay:2.5s}.center-profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000000e6;padding:clamp(15px,2vw,25px);border-radius:20px;border:2px solid #00ff00}.player-avatar{width:clamp(60px,6vw,80px);height:clamp(60px,6vw,80px);background:linear-gradient(135deg,#0f0,#0f8);border-radius:50%;margin:0 auto clamp(8px,1vw,12px);display:flex;align-items:center;justify-content:center;font-size:clamp(28px,3vw,40px);box-shadow:0 0 30px #00ff0080}.player-avatar svg{width:clamp(36px,3.5vw,48px);height:clamp(36px,3.5vw,48px)}.player-name{font-size:clamp(16px,1.5vw,20px);font-weight:700;margin-bottom:clamp(3px,.4vw,5px)}.player-title{font-size:clamp(10px,1vw,14px);color:#0f0;font-weight:600;letter-spacing:1px}.stats-panel{flex:1;display:flex;flex-direction:column;gap:20px}.cross-game-stats{background:#000c;border:2px solid #00ff00;border-radius:20px;padding:clamp(15px,2vw,25px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .8s ease-out;flex:2.2;min-height:0;max-height:100%;overflow-y:auto;display:flex;flex-direction:column}.stats-header{font-size:clamp(16px,1.5vw,18px);font-weight:700;color:#0f0;margin-bottom:clamp(4px,.8vh,8px);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.overall-stats{display:flex;gap:clamp(8px,1.2vw,16px);margin-bottom:clamp(6px,1vh,12px);padding:clamp(8px,1.2vw,12px);background:#00ff000d;border-radius:15px;border:1px solid rgba(0,255,0,.2);flex-shrink:0}.overall-stat{flex:1;text-align:center}.overall-stat-value{font-size:clamp(16px,1.5vw,20px);font-weight:900;color:#0f0;margin-bottom:clamp(2px,.3vh,4px)}.overall-stat-label{font-size:clamp(8px,.8vw,10px);color:#999;text-transform:uppercase;letter-spacing:.5px}.game-stat-row{display:flex;align-items:center;gap:clamp(10px,1.5vw,15px);padding:clamp(6px,.8vh,8px) 0;border-bottom:1px solid rgba(0,255,0,.1);transition:all .3s ease;flex-shrink:0;min-height:clamp(40px,4vh,50px)}.game-stat-row:last-child{border-bottom:none}.game-stat-row:hover{background:#00ff000d;margin:0 -15px;padding:12px 15px}.game-icon{width:clamp(35px,3.5vw,42px);height:clamp(35px,3.5vw,42px);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.game-icon svg{width:clamp(18px,1.8vw,20px);height:clamp(18px,1.8vw,20px)}.game-details{flex:1;min-width:0;overflow:hidden}.game-info-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.game-name{font-size:clamp(12px,1.2vw,14px);font-weight:600}.game-season{font-size:clamp(8px,.8vw,10px);color:#666;font-style:italic}.game-rank{font-size:clamp(10px,1vw,12px);color:#999}.game-performance{display:flex;gap:clamp(15px,2vw,20px);align-items:center;flex-shrink:0}.performance-stat{text-align:center}.performance-value{font-size:clamp(12px,1.2vw,15px);font-weight:700;color:#0f0}.performance-label{font-size:clamp(7px,.7vw,9px);color:#999;text-transform:uppercase}.trend-indicator{font-size:12px;margin-left:5px;display:inline-block;font-weight:900}.trend-up{color:#0f8}.trend-down{color:#f60}.progression-tree{background:#000c;border:2px solid #00ff00;border-radius:20px;padding:clamp(15px,2vw,25px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .8s ease-out .2s both;flex:1.8;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:clamp(8px,1vh,12px);overflow:hidden}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(8px,1vh,12px);flex-shrink:0}.analytics-tabs{display:flex;gap:10px}.analytics-tab{padding:clamp(4px,.5vw,6px) clamp(8px,1vw,10px);font-size:clamp(8px,.8vw,10px);color:#666;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.analytics-tab.active{color:#0f0;background:#00ff0026;border-color:#0f0}.analytics-tab:hover{color:#0f0;transform:translateY(-1px)}.performance-trend{height:clamp(50px,6vh,70px);position:relative;margin-bottom:clamp(5px,1vh,10px);padding:clamp(5px,1vw,8px);background:#00ff0005;border-radius:10px;flex-shrink:0}.trend-canvas{width:100%;height:100%;display:block}.trend-line{stroke:#0f0;stroke-width:2;fill:none;filter:drop-shadow(0 0 5px rgba(0,255,0,.5));stroke-dasharray:0;stroke-dashoffset:0}.trend-area{fill:url(#trendGradient);opacity:.3}.trend-point{fill:#0f0;stroke:#000;stroke-width:2;cursor:pointer;transition:all .3s ease}.trend-point:hover{r:6;filter:drop-shadow(0 0 10px rgba(0,255,0,.8))}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.8vw,10px);margin-bottom:clamp(5px,1vh,10px);flex-shrink:0}.analytics-card{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;padding:clamp(6px,.8vw,10px);transition:all .3s ease;position:relative;overflow:hidden;min-height:0;display:flex;flex-direction:row;align-items:center;gap:clamp(4px,.6vw,8px)}.analytics-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,#00ff00,transparent);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.analytics-card:hover{transform:translateY(-3px);border-color:#0f0;box-shadow:0 5px 20px #0f03}.analytics-card:hover:before{opacity:.3;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.analytics-icon{width:clamp(18px,2vw,24px);height:clamp(18px,2vw,24px);display:flex;align-items:center;justify-content:center;background:#00ff001a;border-radius:50%;flex-shrink:0}.analytics-icon svg{width:clamp(10px,1.2vw,14px);height:clamp(10px,1.2vw,14px)}.analytics-content{display:flex;flex-direction:column;flex:1;min-width:0}.analytics-value{font-size:clamp(11px,1.2vw,14px);font-weight:900;color:#0f0;margin-bottom:clamp(1px,.2vh,2px);letter-spacing:-.5px;transition:transform .3s ease,opacity .3s ease;line-height:1}.analytics-label{font-size:clamp(6px,.65vw,8px);color:#999;text-transform:uppercase;letter-spacing:.5px;line-height:1}.analytics-change{font-size:clamp(7px,.7vw,9px);display:inline-flex;align-items:center;gap:2px;flex-shrink:0;align-self:flex-start}.analytics-change.positive{color:#0f8}.analytics-change.negative{color:#f60}.analytics-content{flex:1;min-height:0;overflow-y:auto}.performance-radar{width:180px;height:180px;margin:0 auto;position:relative}.radar-grid{stroke:#0f03;stroke-width:1;fill:none}.radar-axis{stroke:#00ff004d;stroke-width:1}.radar-shape{fill:#00ff001a;stroke:#0f0;stroke-width:2;filter:drop-shadow(0 0 10px rgba(0,255,0,.5));transition:all .5s ease;transform-origin:center}.radar-label{font-size:9px;fill:#999;text-anchor:middle}.detailed-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.heatmap-calendar{background:#00ff0005;border-radius:10px;padding:15px}.heatmap-title{font-size:12px;color:#999;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.heatmap-cell{aspect-ratio:1;background:#00ff001a;border-radius:2px;cursor:pointer;transition:all .3s ease;position:relative}.heatmap-cell[data-intensity="0"]{background:#00ff000d}.heatmap-cell[data-intensity="1"]{background:#0f03}.heatmap-cell[data-intensity="2"]{background:#0f06}.heatmap-cell[data-intensity="3"]{background:#0f09}.heatmap-cell[data-intensity="4"]{background:#0f0c;box-shadow:0 0 5px #00ff0080}.heatmap-cell:hover{transform:scale(1.2);border:1px solid #00ff00;z-index:10}.analytics-section{margin-bottom:20px}.time-heat-map{display:flex;justify-content:space-between;align-items:flex-end;height:clamp(40px,5vh,60px);margin-bottom:clamp(2px,.3vh,4px)}.time-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;cursor:pointer;transition:all .3s ease}.time-block:hover{transform:translateY(-5px)}.time-bar{width:100%;background:linear-gradient(to top,#0f0,#0f8);margin:0 2px;border-radius:2px 2px 0 0;transition:all .3s ease;position:relative}.time-hour{font-size:clamp(7px,.7vw,9px);color:#666;margin-top:clamp(3px,.5vh,5px);text-align:center}.time-peak{position:absolute;top:clamp(-15px,-2vh,-20px);font-size:clamp(7px,.7vw,9px);color:#0f0;font-weight:700;letter-spacing:1px}.time-block.peak .time-bar{box-shadow:0 0 15px #0f0c}.session-timeline{position:relative;padding:clamp(8px,1vh,12px) 0}.timeline-track{height:4px;background:#00ff001a;border-radius:2px;position:relative;margin:20px 0}.timeline-progress{height:100%;background:linear-gradient(90deg,#0f0,#0f8);border-radius:2px;width:75%;position:relative;box-shadow:0 0 10px #00ff0080}.timeline-marker{position:absolute;top:-8px;width:20px;height:20px;background:#0f0;border:3px solid #000;border-radius:50%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.timeline-marker:hover{transform:scale(1.3);box-shadow:0 0 15px #0f0c}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#666;margin-top:10px}.tree-nodes{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.tree-node{width:80px;height:80px;background:#00ff001a;border:2px solid #00ff00;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.tree-node.unlocked{background:#0f03;box-shadow:0 0 20px #00ff0080}.tree-node:hover{transform:scale(1.1);box-shadow:0 0 30px #00ff00b3}.node-icon{font-size:28px;margin-bottom:5px}.node-level{font-size:12px;font-weight:700;color:#0f0}.tree-connection{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);width:100px;top:50%;left:100%;transform:translateY(-50%)}.hardware-badge{position:absolute;bottom:clamp(5px,1vh,15px);right:clamp(10px,2vw,20px);background:linear-gradient(135deg,#001a00,#030);border:2px solid #00ff00;border-radius:15px;padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,15px);display:flex;align-items:center;gap:clamp(6px,.8vw,10px);animation:slideUp .8s ease-out .4s both;max-width:clamp(180px,22vw,280px);z-index:20}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hardware-icon{font-size:clamp(20px,2vw,26px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hardware-icon svg{width:clamp(20px,2vw,26px);height:clamp(20px,2vw,26px)}.hardware-text{font-size:clamp(10px,1vw,12px);line-height:1.4}.hardware-value{color:#0f0;font-weight:700}.status-badge{position:absolute;bottom:128px;left:64px;background:#000000e6;border:2px solid #00ff00;border-radius:30px;padding:clamp(6px,1vh,10px) clamp(12px,1.5vw,20px);font-size:clamp(10px,1vw,14px);font-weight:700;color:#0f0;letter-spacing:1px;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #00ff0080}50%{box-shadow:0 0 40px #0f0c}}.verified-note{position:absolute;bottom:110px;left:64px;font-size:clamp(8px,.8vw,10px);color:#999;font-style:italic;letter-spacing:.5px;z-index:5}@media (max-width: 1200px){.dna-visual{width:clamp(200px,40vw,280px);height:clamp(200px,40vw,280px)}.dna-trait{width:clamp(70px,12vw,90px);height:clamp(70px,12vw,90px)}.overall-stats{flex-wrap:wrap;gap:10px}.overall-stat{flex:1 1 45%;margin-bottom:8px}.game-performance{flex-wrap:wrap;gap:8px}.analytics-grid{grid-template-columns:repeat(2,1fr)}.time-heat-map{height:clamp(40px,6vh,60px)}.time-hour{font-size:clamp(6px,.8vw,8px)}.hardware-badge{position:relative;margin-top:20px;align-self:center}}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr}.overall-stats{flex-direction:column;gap:8px}.game-performance{justify-content:center;flex-wrap:wrap}.analytics-tabs{flex-wrap:wrap;gap:4px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow:hidden}.hardware-slide-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at top left,rgba(0,255,0,.1) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(0,255,136,.1) 0%,transparent 40%),#000}.circuit-bg{position:absolute;width:100%;height:100%;opacity:.03;background-image:linear-gradient(#00ff00 1px,transparent 1px),linear-gradient(90deg,#00ff00 1px,transparent 1px),linear-gradient(#00ff00 .5px,transparent .5px),linear-gradient(90deg,#00ff00 .5px,transparent .5px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;animation:circuitFlow 20s linear infinite}@keyframes circuitFlow{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.header{text-align:center;padding:30px 20px 20px;z-index:10;flex-shrink:0}.header h1{font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-2px;margin-bottom:8px;background:linear-gradient(90deg,#0f0,#0f8,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.header p{font-size:clamp(14px,2vw,18px);color:#999;font-weight:300}.content-container{flex:1;display:flex;padding:0 40px 80px;gap:16px;position:relative;min-height:0;height:calc(100vh - 180px);max-height:calc(100vh - 180px);overflow:hidden}.hardware-panel{display:flex;flex-direction:row;gap:16px}.device-showcase{background:#000c;border:2px solid #00ff00;border-radius:15px;padding:20px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .8s ease-out;overflow:hidden;flex:1;min-height:0;display:flex}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.device-visual{display:flex;justify-content:center;align-items:center;position:relative;flex:1}.mouse-visual{width:70px;height:90px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:2px solid #00ff00;border-radius:35px 35px 45px 45px;position:relative;box-shadow:0 10px 20px #00ff004d}.mouse-wheel{position:absolute;top:15px;left:50%;transform:translate(-50%);width:10px;height:20px;background:#0f0;border-radius:5px;opacity:.8;animation:wheelPulse 2s ease-in-out infinite}@keyframes wheelPulse{0%,to{opacity:.8}50%{opacity:.4}}.dpi-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.dpi-value{font-size:18px;font-weight:900;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}.dpi-label{color:#999;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.setting-item{background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:6px;padding:8px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;min-height:40px}.setting-item:hover{background:#00ff001a;transform:translateY(-2px)}.setting-value{font-weight:700;color:#0f0;margin-bottom:2px;line-height:1}.setting-name{color:#999;text-transform:uppercase;line-height:1}.performance-impact{background:#000c;border:2px solid #00ff00;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .8s ease-out .2s both;flex:1;min-height:0;display:flex;flex-direction:column}.impact-header{font-size:14px;font-weight:700;color:#0f0;margin-bottom:15px;flex-shrink:0}.impact-chart{height:120px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 10px 12px;flex:1}.impact-bar{width:30px;background:linear-gradient(to top,#0f0,#0f8);border-radius:3px 3px 0 0;position:relative;transition:all .3s ease;opacity:.8}.impact-bar:hover{opacity:1;transform:scaleY(1.05)}.impact-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);color:#999;white-space:nowrap}.impact-value{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#0f0}.insights-panel{flex:1;display:flex;flex-direction:row;gap:15px;min-height:0}.realtime-analysis{background:#000c;border:2px solid #00ff00;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .8s ease-out;flex:1;min-height:0;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.analysis-grid{display:flex;flex-direction:column;gap:0}.analysis-item{padding:12px 0;border-bottom:1px solid rgba(0,255,0,.1)}.analysis-item:last-child{border-bottom:none}.analysis-title{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.analysis-icon{font-size:16px;flex-shrink:0}.analysis-description{color:#999;line-height:1.3;margin-bottom:6px}.analysis-recommendation{background:#00ff001a;border-left:2px solid #00ff00;padding:6px 8px;font-weight:600;color:#0f0;border-radius:0 3px 3px 0}.optimization-score{background:linear-gradient(135deg,#001a00,#030);border:2px solid #00ff00;border-radius:15px;padding:20px;text-align:center;animation:slideInRight .8s ease-out .2s both;position:relative;overflow:hidden;flex-shrink:0;max-width:380px}.score-circle{width:80px;height:80px;margin:0 auto 10px;position:relative}.score-ring{width:100%;height:100%;border-radius:50%;border:8px solid rgba(0,255,0,.1);position:absolute}.score-fill{width:100%;height:100%;border-radius:50%;border:8px solid #00ff00;border-left-color:transparent;border-bottom-color:transparent;position:absolute;transform:rotate(-45deg);animation:scoreRotate 2s ease-out}@keyframes scoreRotate{0%{transform:rotate(-45deg)}to{transform:rotate(225deg)}}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:900;color:#0f0}.score-label{font-size:10px;color:#999;margin-bottom:6px}.score-message{font-size:9px;color:#0f0;font-weight:600;margin-bottom:15px;line-height:1.2}.optimization-metrics{display:flex;flex-direction:column;gap:10px;margin-top:15px;opacity:1;min-height:120px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-item{display:flex;align-items:center;background:#001e00cc;padding:6px 10px;border-radius:6px;border:1px solid rgba(0,255,0,.3);transition:all .3s ease;min-height:28px}.metric-item:hover{background:#003200e6;transform:translate(2px);border-color:#00ff0080}.metric-icon{font-size:14px;width:20px;flex-shrink:0;text-align:center;color:#0f0}.metric-label{font-size:9px;color:#fff;font-weight:500;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.metric-bar{min-width:64px;margin-left:8px;flex:1;height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden;border:1px solid rgba(0,255,0,.3)}.metric-fill{height:100%;background:linear-gradient(90deg,#0f0,#0f8);border-radius:4px;transition:width 2s ease-out,box-shadow .3s ease,filter .3s ease;animation:metricPulse 3s ease-in-out infinite;box-shadow:0 0 10px #00ff0080}@keyframes metricPulse{0%,to{opacity:.8}50%{opacity:1}}.feature-badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000e6;border:2px solid #00ff00;border-radius:20px;padding:8px 15px;display:flex;align-items:center;gap:15px;animation:fadeIn 1s ease-out 1s both;max-width:90%;z-index:20}.badge-item{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}.badge-icon{color:#0f0;font-size:14px;flex-shrink:0}.particle{position:absolute;width:4px;height:4px;background:#0f0;border-radius:50%;opacity:.6;animation:particleFloat 10s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-100px) translate(100px)}}@media (max-width: 768px){.header{padding:20px 15px 15px}.device-showcase,.performance-impact,.realtime-analysis,.optimization-score{padding:15px}.feature-badge{flex-wrap:wrap;gap:8px;padding:6px 12px;font-size:8px}.badge-item{font-size:8px}.score-circle{width:60px;height:60px}.score-value{font-size:16px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;line-height:1.6}.cortex-closing-presentation{height:100%;width:100%;position:relative;overflow:hidden}.cortex-closing-bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.cortex-closing-bg-animation:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(45,143,31,.08) 0%,transparent 70%);animation:cortex-closing-pulse 8s ease-in-out infinite}@keyframes cortex-closing-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.cortex-closing-header{padding:clamp(.8rem,1.5vw,1rem);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cortex-closing-logo-container{display:flex;justify-content:center;align-items:center;gap:1rem}.cortex-closing-brand{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:.1em}.cortex-closing-razer{color:#3ba52a}.cortex-closing-x{color:#666;margin:0 .3rem}.cortex-closing-pogr{color:#fff}.cortex-closing-subtitle{font-size:clamp(.8rem,2vw,1rem);color:#888;animation:cortex-closing-fadeIn 1s ease-out .5s both}@keyframes cortex-closing-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cortex-closing-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column}.cortex-closing-section{animation:cortex-closing-slideUp .8s ease-out both}@keyframes cortex-closing-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cortex-closing-section-title{font-size:clamp(1.5rem,4vw,2rem);position:relative;padding-left:clamp(1.2rem,2.5vw,1.5rem);background:linear-gradient(90deg,#2d8f1f,#3ba52a,#2d8f1f,#247018,#2d8f1f);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;text-transform:uppercase;letter-spacing:.15em;animation:cortex-closing-titleShimmer 3s ease-in-out infinite}@keyframes cortex-closing-titleShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cortex-closing-section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(6px,1vw,8px);height:100%;background:linear-gradient(180deg,transparent,#2d8f1f,transparent);border-radius:4px;box-shadow:0 0 20px #2d8f1f99,inset 0 0 20px #2d8f1f4d;animation:cortex-closing-barPulse 2s ease-in-out infinite}@keyframes cortex-closing-barPulse{0%,to{opacity:.8;transform:translateY(-50%) scaleY(.8)}50%{opacity:1;transform:translateY(-50%) scaleY(1)}}.cortex-closing-opportunity-visual{background:radial-gradient(ellipse at top left,rgba(45,143,31,.05) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(45,143,31,.04) 0%,transparent 40%),linear-gradient(135deg,#000000e6,#0a0a0af2,#000000e6);border:2px solid transparent;background-clip:padding-box;border-radius:clamp(15px,2vw,20px);padding-block:24px;margin-bottom:clamp(.8rem,1.5vw,1rem);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px;box-shadow:0 0 40px #2d8f1f26,0 10px 40px #000c,inset 0 0 60px #2d8f1f08;animation:cortex-closing-boxFloat 6s ease-in-out infinite}@keyframes cortex-closing-boxFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(2deg)}}.cortex-closing-opportunity-visual:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#2d8f1f,#3ba52a,#2d8f1f,#247018,#2d8f1f,#3ba52a,#2d8f1f,#247018);background-size:400% 400%;border-radius:clamp(20px,3vw,30px);z-index:-1;opacity:.5;animation:cortex-closing-borderGlow 4s ease-in-out infinite}@keyframes cortex-closing-borderGlow{0%,to{background-position:0% 50%;opacity:.3}50%{background-position:100% 50%;opacity:.6}}.cortex-closing-grid-layer-1,.cortex-closing-grid-layer-2,.cortex-closing-grid-layer-3{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.cortex-closing-grid-layer-1{background-image:linear-gradient(rgba(45,143,31,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,143,31,.03) 1px,transparent 1px);background-size:30px 30px;animation:cortex-closing-grid-move-1 20s linear infinite;opacity:.6}.cortex-closing-grid-layer-2{background-image:linear-gradient(45deg,rgba(45,143,31,.02) 1px,transparent 1px),linear-gradient(-45deg,rgba(45,143,31,.02) 1px,transparent 1px);background-size:50px 50px;animation:cortex-closing-grid-move-2 30s linear infinite reverse;opacity:.4}.cortex-closing-grid-layer-3{background:radial-gradient(circle at 20% 50%,rgba(45,143,31,.05) 0%,transparent 50%);animation:cortex-closing-grid-pulse 4s ease-in-out infinite}@keyframes cortex-closing-grid-move-1{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes cortex-closing-grid-move-2{0%{transform:translate(0) rotate(0)}to{transform:translate(-50px,-50px) rotate(360deg)}}@keyframes cortex-closing-grid-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.cortex-closing-holo-effect{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(0deg,transparent 0%,rgba(45,143,31,.02) 50%,transparent 100%);animation:cortex-closing-holoScan 3s linear infinite;pointer-events:none}@keyframes cortex-closing-holoScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.cortex-closing-flow-diagram{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:900px;margin:0 auto;transform:rotateX(5deg);transform-style:preserve-3d}.cortex-closing-flow-item{position:relative;text-align:center;z-index:10;flex:0 0 auto;opacity:0;animation:cortex-closing-flowItemReveal 1s cubic-bezier(.4,0,.2,1) forwards;transform-style:preserve-3d;transition:all .3s ease}.cortex-closing-flow-item:hover{transform:translateZ(30px) scale(1.1);z-index:20}@keyframes cortex-closing-flowItemReveal{0%{opacity:0;transform:scale(.7) translateY(30px) rotateY(-20deg)}to{opacity:1;transform:scale(1) translateY(0) rotateY(0)}}.cortex-closing-flow-item:nth-child(1){animation-delay:.2s}.cortex-closing-flow-item:nth-child(3){animation-delay:.6s}.cortex-closing-flow-item:nth-child(5){animation-delay:1s}.cortex-closing-flow-icon{width:clamp(100px,15vw,140px);height:clamp(100px,15vw,140px);margin:0 auto clamp(1rem,2vw,1.5rem);position:relative;display:flex;align-items:center;justify-content:center}.cortex-closing-icon-bg{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(45,143,31,.08) 0%,transparent 70%),linear-gradient(135deg,#000000e6,#0a0a0acc);border:3px solid transparent;border-radius:50%;box-shadow:0 0 30px #2d8f1f4d,0 10px 30px #00000080,inset 0 0 20px #2d8f1f1a;animation:cortex-closing-iconFloat 4s ease-in-out infinite;background-clip:padding-box}.cortex-closing-icon-bg:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:conic-gradient(from 0deg,hsl(113,64%,14%) 0deg,hsl(112,59%,21%) 60deg,hsl(113,64%,14%) 120deg,transparent 180deg,transparent 300deg,hsl(113,64%,14%) 360deg);border-radius:50%;z-index:-1;animation:cortex-closing-iconBorderRotate 3s linear infinite}@keyframes cortex-closing-iconFloat{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 30px #2d8f1f4d,0 10px 30px #00000080,inset 0 0 20px #2d8f1f1a}50%{transform:translateY(-10px) scale(1.05);box-shadow:0 0 40px #2d8f1f66,0 20px 40px #0009,inset 0 0 30px #2d8f1f26}}@keyframes cortex-closing-iconBorderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cortex-closing-orbit-particle{position:absolute;width:4px;height:4px;background:#3ba52a;border-radius:50%;box-shadow:0 0 6px #3ba52a}.cortex-closing-orbit-1{animation:cortex-closing-orbit1 4s linear infinite}.cortex-closing-orbit-2{animation:cortex-closing-orbit2 4s linear infinite reverse;animation-delay:1s}.cortex-closing-orbit-3{animation:cortex-closing-orbit3 4s linear infinite;animation-delay:2s}@keyframes cortex-closing-orbit1{0%{transform:rotate(0) translate(70px) rotate(0)}to{transform:rotate(360deg) translate(70px) rotate(-360deg)}}@keyframes cortex-closing-orbit2{0%{transform:rotate(0) translate(70px) rotate(0) scale(.8)}to{transform:rotate(360deg) translate(70px) rotate(-360deg) scale(.8)}}@keyframes cortex-closing-orbit3{0%{transform:rotate(0) translate(70px) rotate(0) scale(.6)}to{transform:rotate(360deg) translate(70px) rotate(-360deg) scale(.6)}}.cortex-closing-icon-svg{width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);position:relative;z-index:2;filter:drop-shadow(0 0 10px rgba(45,143,31,.5))}.cortex-closing-flow-item h3{font-size:clamp(1rem,2.5vw,1.4rem);margin-bottom:clamp(.3rem,1vw,.5rem);font-weight:800;text-transform:uppercase;background:linear-gradient(180deg,#42b630,#2d8f1f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(45,143,31,.3);position:relative}.cortex-closing-flow-item:hover h3{animation:cortex-closing-textGlow .5s ease-out}@keyframes cortex-closing-textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.cortex-closing-flow-item p{font-size:clamp(.8rem,2vw,1rem);color:#ddd;opacity:.9;font-weight:500;letter-spacing:.05em}.cortex-closing-flow-connector{position:absolute;height:4px;background:#2d8f1f1a;top:50%;transform:translateY(-50%);z-index:5;overflow:visible;border-radius:2px}.cortex-closing-flow-connector:before,.cortex-closing-flow-connector:after{content:"";position:absolute;top:0;height:100%}.cortex-closing-flow-connector:before{left:-100%;width:100%;background:linear-gradient(90deg,transparent,#2d8f1f 20%,#3ba52a 50%,#2d8f1f 80%,transparent);animation:cortex-closing-flow 2s linear infinite;filter:blur(1px)}.cortex-closing-flow-connector:after{left:-100%;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:cortex-closing-flowGlow 2s linear infinite;opacity:.5;filter:blur(2px)}@keyframes cortex-closing-flow{to{left:100%}}@keyframes cortex-closing-flowGlow{to{left:150%}}.cortex-closing-connector-1{left:clamp(100px,15vw,140px);width:calc(33.33% - clamp(100px,15vw,140px))}.cortex-closing-connector-2{left:50%;width:calc(33.33% - clamp(100px,15vw,140px));transform:translate(-35px) translateY(-50%)}.cortex-closing-particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cortex-closing-data-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#3ba52a,#2d8f1f);border-radius:50%;opacity:0;box-shadow:0 0 6px #2d8f1f,0 0 12px #2d8f1f4d}.cortex-closing-data-particle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(45,143,31,.2) 0%,transparent 70%);border-radius:50%;animation:cortex-closing-particlePulse 1s ease-out infinite}@keyframes cortex-closing-particlePulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes cortex-closing-particleFlow{0%{opacity:0;filter:blur(2px)}10%{opacity:1;filter:blur(0)}90%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(2px)}}.cortex-closing-quote-section{padding:clamp(1rem,2.5vw,1.8rem) clamp(1rem,2vw,1.5rem);background:linear-gradient(135deg,#2d8f1f0a,#2d8f1f05);border-radius:clamp(10px,1.5vw,12px);animation:cortex-closing-fadeIn 1s ease-out .8s both;flex-shrink:0}.cortex-closing-insight-quote{max-width:800px;margin:0 auto;text-align:center;position:relative}.cortex-closing-insight-quote p{font-size:clamp(.9rem,2.2vw,1.2rem);line-height:1.6;color:#fff;margin-bottom:.8rem;font-style:italic;position:relative;padding:0 clamp(.8rem,2vw,1.5rem)}.cortex-closing-insight-quote p:before,.cortex-closing-insight-quote p:after{content:'"';position:absolute;font-size:clamp(2rem,5vw,3rem);color:#3ba52a;opacity:.2;font-weight:700}.cortex-closing-insight-quote p:before{top:clamp(-.5rem,-1vw,-1rem);left:0}.cortex-closing-insight-quote p:after{bottom:clamp(-1rem,-2vw,-2rem);right:0}.cortex-closing-insight-quote cite{font-size:clamp(.7rem,1.5vw,.8rem);color:#666;font-style:normal;display:block;margin-top:clamp(1rem,2vw,1.5rem);letter-spacing:.15em;text-transform:uppercase;font-weight:600}.cortex-closing-highlight{color:#3ba52a;font-weight:500;text-shadow:0 0 20px rgba(45,143,31,.4);font-style:normal}@media (max-width: 768px){.cortex-closing-flow-connector,.cortex-closing-particle-container{display:none}.cortex-closing-flow-icon{width:clamp(80px,12vw,110px);height:clamp(80px,12vw,110px)}.cortex-closing-icon-svg{width:clamp(40px,6vw,55px);height:clamp(40px,6vw,55px)}.cortex-closing-orbit-particle{display:none}.cortex-closing-flow-item h3{font-size:clamp(.9rem,2vw,1.2rem)}.cortex-closing-flow-item p{font-size:clamp(.8rem,1.5vw,.9rem)}}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;min-height:100vh;margin:0;padding:0}#root{display:flex;align-items:center;justify-content:center}.bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particle{position:absolute;width:4px;height:4px;background:#0f0;border-radius:50%;opacity:.6;animation:float 10s infinite ease-in-out;box-shadow:0 0 10px #0f0}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}50%{transform:translateY(-100vh) translate(100px)}}.slide-container{z-index:10;text-align:center;position:relative}.main-headline{font-size:3.2rem;font-weight:900;position:relative;display:inline-block;text-transform:uppercase;letter-spacing:3px;color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.3),0 0 15px rgba(255,255,255,.2),0 0 20px rgba(255,255,255,.1);animation:whiteGlow 2s ease-in-out infinite alternate}@keyframes whiteGlow{0%{text-shadow:0 0 10px rgba(255,255,255,.2),0 0 15px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.05)}to{text-shadow:0 0 15px rgba(255,255,255,.3),0 0 20px rgba(255,255,255,.2),0 0 25px rgba(255,255,255,.1)}}.highlight{color:#0f0!important;position:relative!important;text-shadow:0 0 15px rgba(0,255,0,.6),0 0 20px rgba(0,255,0,.4),0 0 25px rgba(0,255,0,.3)!important;display:inline!important;opacity:1!important;animation:highlightGlow 2s ease-in-out infinite alternate!important;font-weight:900!important;visibility:visible!important;background:transparent!important;-webkit-text-fill-color:#00ff00!important}@keyframes highlightGlow{0%{text-shadow:0 0 10px rgba(0,255,0,.5),0 0 15px rgba(0,255,0,.3),0 0 20px rgba(0,255,0,.2)}to{text-shadow:0 0 15px rgba(0,255,0,.6),0 0 20px rgba(0,255,0,.4),0 0 25px rgba(0,255,0,.3)}}.main-headline .highlight{color:#0f0!important;-webkit-text-fill-color:#00ff00!important;text-shadow:0 0 15px rgba(0,255,0,.6),0 0 20px rgba(0,255,0,.4),0 0 25px rgba(0,255,0,.3)!important}.subtitle{font-size:2rem;color:#888;margin-bottom:24px!important;letter-spacing:2px;opacity:0;animation:fadeInUp 1s .5s forwards}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;opacity:0;animation:fadeInUp 1s 1s forwards;word-break:keep-all}.stat-card{background:#00ff000d;border:1px solid rgba(0,255,0,.2);padding:2.5rem 1.5rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:-moz-fit-content!important;min-height:fit-content!important;max-height:none!important;height:none!important}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,255,0,.1),transparent);transform:rotate(45deg);transition:all .5s;opacity:0}.stat-card:hover:before{animation:shimmer .5s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.stat-card:hover{transform:translateY(-5px);border-color:#0f0;box-shadow:0 10px 30px #00ff004d}.stat-number{font-size:2.5rem;font-weight:700;color:#0f0;margin-bottom:.5rem;font-family:Courier New,monospace}.stat-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.visual-montage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;opacity:.1}.game-icon{font-size:3rem;color:#0f0;animation:drift 20s infinite ease-in-out}@keyframes drift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-50px) rotate(90deg)}50%{transform:translate(-50px,100px) rotate(180deg)}75%{transform:translate(-100px,-100px) rotate(270deg)}}.tagline{font-size:1.2rem;color:#666;font-style:italic;opacity:0;animation:fadeInUp 1s 1.5s forwards}.corner-accent{position:absolute;width:100px;height:100px;border:2px solid #00ff00}.corner-accent.top-left{top:20px;left:20px;border-right:none;border-bottom:none}.corner-accent.top-right{top:20px;right:20px;border-left:none;border-bottom:none}.corner-accent.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none}.corner-accent.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.logo-container{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;opacity:0;animation:fadeInDown 1s .3s forwards}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.logo{font-size:1.5rem;font-weight:700;letter-spacing:2px}.logo-divider{color:#0f0;font-size:2rem}@media (max-width: 1024px){.stat-card{padding:2rem 1rem;min-height:140px}.stat-label{font-size:.8rem}}@media (max-width: 768px){.stat-card{padding:1.5rem 1rem;min-height:120px}.stat-number{font-size:1.8rem}.stat-label{font-size:.75rem;margin-top:.3rem}.return-proposals-container{bottom:1rem;left:1rem}}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh;display:flex;flex-direction:column}.header{padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.slide-number{color:#666;font-size:.9rem;font-family:Courier New,monospace}.return-proposals-container{position:absolute;bottom:2rem;left:2rem;z-index:2000}.return-proposals-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:8px;color:#0f0;text-decoration:none;transition:all .3s ease;cursor:pointer}.return-proposals-btn:hover{background:#0f03;border-color:#0f0;transform:translate(-5px)}.main-container{flex:1;display:flex;flex-direction:column;padding:0!important;max-width:1400px;margin:0 auto;width:100%;min-height:100%}.title{font-size:2.8rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:2px;opacity:0;animation:slideDown .8s .2s forwards}.highlight{color:#0f0;text-shadow:0 0 20px #00ff00}.comparison-container{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:32px!important;max-width:1200px;min-height:none!important;max-height:75%!important;background:#0f0;border:2px solid #00ff00;border-radius:12px;overflow:hidden;position:relative;opacity:0;animation:fadeIn 1s .5s forwards;margin:0 auto}.vs-divider{position:absolute;left:calc(50% - 25px);top:50%;transform:translate(-50%,-50%);background:#000;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid #00ff00;z-index:10;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.traditional-side{background:#0a0a0a;padding:1.5rem;display:flex;flex-direction:column;height:100%}.pogr-side{background:#000;padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}@keyframes rotate{to{transform:rotate(360deg)}}.side-header{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:1.2}.traditional-side .side-header{color:#666}.pogr-side .side-header{color:#0f0;text-shadow:0 0 10px #00ff00}.metrics-list{list-style:none;flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:.8rem;padding:.5rem 0}.metric-item{display:flex;align-items:center;border-radius:8px;transition:all .3s ease;opacity:0;animation:slideIn .5s forwards;position:relative}.traditional-side .metric-item{background:#ffffff08;border-left:3px solid #333}.pogr-side .metric-item{background:#00ff000d;border-left:3px solid #00ff00;cursor:pointer}.pogr-side .metric-item:hover{background:#00ff001a;transform:translate(10px);border-left-width:5px}.metric-item:nth-child(1){animation-delay:.7s}.metric-item:nth-child(2){animation-delay:.9s}.metric-item:nth-child(3){animation-delay:1.1s}.metric-item:nth-child(4){animation-delay:1.3s}.metric-item:nth-child(5){animation-delay:1.5s}.metric-item:nth-child(6){animation-delay:1.7s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.metric-icon{font-size:1.5rem;width:40px;text-align:center}.traditional-side .metric-icon{opacity:.5}.pogr-side .metric-icon{animation:iconPulse 3s infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.metric-text{flex:1;font-size:1rem;line-height:1.3}.traditional-side .metric-text{color:#999}.pogr-side .metric-text{color:#fff}.data-viz-preview{position:absolute;right:-100px;opacity:0;transition:all .3s ease;pointer-events:none}.pogr-side .metric-item:hover .data-viz-preview{right:10px;opacity:1}.mini-chart{width:60px;height:40px;background:#00ff001a;border:1px solid #00ff00;border-radius:4px;display:flex;align-items:flex-end;justify-content:space-around;padding:4px}.chart-bar{width:8px;background:#0f0;border-radius:2px;animation:barGrow 1s infinite alternate}.chart-bar:nth-child(1){height:60%;animation-delay:0s}.chart-bar:nth-child(2){height:80%;animation-delay:.2s}.chart-bar:nth-child(3){height:40%;animation-delay:.4s}.chart-bar:nth-child(4){height:90%;animation-delay:.6s}@keyframes barGrow{0%{transform:scaleY(.8)}to{transform:scaleY(1)}}.tagline{text-align:center;font-size:1.2rem;font-style:italic;color:#0f0;opacity:0;animation:fadeIn 1s 2s forwards;text-shadow:0 0 20px #00ff00}@media (max-width: 1024px){.vs-divider{top:50%;left:50%}.side-header{font-size:1.4rem}.metric-text{font-size:.9rem}.return-proposals-container{bottom:1rem;left:1rem}}.particle{position:absolute;width:2px;height:2px;background:#0f0;pointer-events:none;opacity:0}.pogr-side .particle{animation:particleFloat 3s infinite ease-in-out}@keyframes particleFloat{0%{opacity:0;transform:translateY(20px) translate(0)}50%{opacity:.6}to{opacity:0;transform:translateY(-100px) translate(50px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow-x:hidden;overflow-y:auto;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column}.header{padding:15px 30px;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo-container{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;letter-spacing:2px;opacity:0;animation:fadeIn .5s forwards}.logo-divider{color:#0f0}.main-container{flex:1;display:flex;flex-direction:column;padding:0 30px;max-width:1400px;margin:0 auto;width:100%}.title{font-size:1.8rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:2px;opacity:0;animation:slideDown .8s .2s forwards}.subtitle{font-size:1rem;color:#f90;text-align:center;margin-bottom:1rem;opacity:0;animation:fadeIn .5s .5s forwards}.content-container{display:flex;flex-direction:column;gap:16px;padding:0!important;flex:1;opacity:0;animation:fadeIn 1s .8s forwards;overflow-y:auto!important}.flow-section{background:#ffffff05;border:2px solid #333;border-radius:8px;padding:8px 64px;position:relative;overflow:hidden;min-height:116px}.quest-name{font-size:.9rem;color:#f90;text-align:center;font-style:italic}.progress-visualization{position:relative;height:60px}.progress-track{position:absolute;top:50%;left:0;right:0;height:8px;background:#222;border-radius:4px;transform:translateY(-50%)}.progress-fill{position:absolute;top:50%;left:0;height:8px;background:linear-gradient(to right,#0f0,#0f0 73%,red 73%,red);border-radius:4px;transform:translateY(-50%);width:0;animation:fillProgress 3s 1s forwards}@keyframes fillProgress{to{width:100%}}.progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#333;border:2px solid #666;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.progress-marker.critical{background:red;border-color:red;width:64px;height:64px;animation:criticalPulse 1s infinite;z-index:10}@keyframes criticalPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px red}50%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 40px red}}.player-flow{position:absolute;top:20px;left:0;right:0;height:30px;display:flex;align-items:center;z-index:10}.player-icon{position:absolute;width:30px;height:30px;background:#0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;animation:playerMove 4s linear infinite;box-shadow:0 0 10px #0f0}.player-icon:nth-child(2){animation-delay:.5s}.player-icon:nth-child(3){animation-delay:1s}.player-icon:nth-child(4){animation-delay:1.5s}.player-icon:nth-child(5){animation-delay:2s}@keyframes playerMove{0%{left:-30px}73%{left:73%;background:#0f0;box-shadow:0 0 10px #0f0}74%{background:red;box-shadow:0 0 20px red}75%{left:73%;opacity:0}to{left:73%;opacity:0}}.analysis-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.analysis-box{background:#ffffff08;border:2px solid #333;border-radius:8px;padding:16px;transition:all .3s ease}.analysis-box:hover{transform:translateY(-5px);border-color:#0f0;box-shadow:0 10px 30px #0f03}.box-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.discovery-box .box-title{color:#f90}.insights-box .box-title{color:red}.actions-box .box-title{color:#0f0}.insight-list,.action-list{list-style:none}.insight-item,.action-item{padding-left:32px;position:relative;font-size:.8rem;color:#ddd}.insight-item:before{content:"💀";position:absolute;left:0}.action-item:before{content:"✓";position:absolute;left:0;color:#0f0}.death-counter{display:flex;align-items:center;gap:.5rem}.skull{font-size:1.5rem;animation:shake .5s infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.death-count{font-size:1.5rem;font-weight:700;color:red;font-family:Courier New,monospace}.impact-section{background:#00ff000d;border:2px solid #00ff00;border-radius:8px;padding:8px}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}.impact-metric{opacity:0;animation:fadeInUp .5s forwards}.impact-metric:nth-child(1){animation-delay:2s}.impact-metric:nth-child(2){animation-delay:2.2s}.impact-metric:nth-child(3){animation-delay:2.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-label{font-size:.7rem;color:#999}.metric-value{font-size:1.2rem;font-weight:700;color:#0f0;text-shadow:0 0 20px #00ff00}.metric-arrow{color:#0f0;margin-left:.5rem}.razer-synergy-section{background:linear-gradient(135deg,#00ff001a,#00ff000d);border:2px solid #00ff00;border-radius:8px;padding:16px;position:relative}.razer-logo{position:absolute;top:1rem;right:1rem;font-size:1.2rem;font-weight:700;color:#0f0;opacity:.8}.synergy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;position:relative;z-index:1}.synergy-item{display:flex;align-items:center;position:relative;padding-left:48px}.synergy-icon{position:absolute;font-size:2rem;width:64px;color:#0f0;animation:pulse 2s infinite;left:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.synergy-content h4{font-size:.85rem;color:#0f0;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:1px}.synergy-content p{font-size:.75rem;color:#ddd;line-height:1.3}.quote{text-align:center;font-style:italic;color:#0f0;font-size:1rem;opacity:0;animation:fadeIn 1s 3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.case-three-container{font-family:Arial,sans-serif;background:#000;color:#fff;overflow-x:hidden;overflow-y:auto;min-height:100%;width:100%;display:flex;flex-direction:column}.case-three-header{padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:100}.case-three-logo-container{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;letter-spacing:2px;opacity:1}.case-three-logo-divider{color:#0f0}.case-three-main-container{flex:1;display:flex;flex-direction:column;max-width:1600px;margin:0 auto;width:100%}.case-three-title{font-size:2.2rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:2px;opacity:1}.case-three-subtitle{font-size:1.1rem;color:gold;text-align:center;margin-bottom:16px;opacity:1}.case-three-content-container{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr;gap:16px;flex:1;opacity:1}.case-three-left-section{display:flex;flex-direction:column;gap:16px}.case-three-timeline-section{background:#ffffff05;border:2px solid #333;border-radius:8px;padding:16px}.case-three-section-title{font-size:1rem;color:gold;text-transform:uppercase;letter-spacing:1px}.case-three-timeline{position:relative;padding-left:16px}.case-three-timeline:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:#333}.case-three-timeline-item{position:relative;opacity:1}.case-three-timeline-item:nth-child(1){animation-delay:1s}.case-three-timeline-item:nth-child(2){animation-delay:1.3s}.case-three-timeline-item:nth-child(3){animation-delay:1.6s}.case-three-timeline-item:nth-child(4){animation-delay:1.9s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.case-three-timeline-dot{position:absolute;left:-16px;top:4px;width:10px;height:10px;background:#666;border-radius:50%;border:2px solid #000}.case-three-timeline-item.alert .case-three-timeline-dot{background:red;animation:alertPulse 1s infinite}.case-three-timeline-item.action .case-three-timeline-dot{background:#0f0}@keyframes alertPulse{0%,to{box-shadow:0 0 10px red}50%{box-shadow:0 0 20px red}}.case-three-timeline-time{font-size:.8rem;color:#999;font-family:Courier New,monospace}.case-three-timeline-text{font-size:.85rem;color:#ddd}.case-three-analysis-section{background:#000;border:2px solid #00ff00;border-radius:8px;padding:16px;font-family:Courier New,monospace}.case-three-terminal-header{color:#0f0;font-weight:700;font-size:.9rem}.case-three-code-block{background:#00ff000d;padding:8px;border-radius:4px;font-size:16px;color:#0f0;white-space:pre-wrap;opacity:1}@keyframes typeIn{0%{opacity:0}to{opacity:1}}.case-three-threat-level{color:red;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.case-three-middle-section{display:flex;flex-direction:column;gap:16px}.case-three-chart-section{background:#ffffff05;border:2px solid #333;border-radius:8px;padding:16px}.case-three-price-chart{position:relative;height:200px;margin-top:.8rem}.case-three-chart-bar{position:absolute;bottom:0;width:35px;background:#0f09;border:1px solid #00ff00;border-radius:4px 4px 0 0;transition:all .3s ease;opacity:1}.case-three-chart-bar:hover{background:#0f0c;transform:translateY(-5px)}.case-three-chart-bar.normal{animation-delay:1s}.case-three-chart-bar.anomaly{background:#f00c;border-color:red;animation-delay:1.5s}@keyframes barGrow{0%{opacity:0;height:0}to{opacity:1}}.case-three-chart-label{position:absolute;bottom:-25px;font-size:.7rem;color:#666;transform:translate(-50%);left:50%}.case-three-price-label{position:absolute;top:-25px;font-size:.8rem;font-weight:700;transform:translate(-50%);left:50%}.case-three-chart-bar.normal .case-three-price-label{color:#0f0}.case-three-chart-bar.anomaly .case-three-price-label{color:red;animation:blink 1s infinite}.case-three-resolution-section{background:#00ff000d;border:2px solid #00ff00;border-radius:8px;padding:16px}.case-three-resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-three-resolution-item{text-align:center;padding:.8rem;background:#00000080;border-radius:4px}.case-three-resolution-number{font-size:1.5rem;font-weight:700;color:#0f0;margin-bottom:.3rem}.case-three-resolution-label{font-size:.75rem;color:#999}.case-three-right-section{display:flex;flex-direction:column;gap:1.5rem}.case-three-razer-section{background:linear-gradient(135deg,#00ff000d,#00ff0005);border:2px solid #00ff00;border-radius:8px;padding:16px;position:relative;overflow:hidden}.case-three-razer-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00ff00,transparent,#00ff00);border-radius:8px;opacity:.3;z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.6}}.case-three-razer-logo{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:700;color:#0f0}.case-three-synergy-item{background:#0006;border-left:3px solid #00ff00;padding:8px;margin-bottom:8px;font-size:.8rem;opacity:1}.case-three-synergy-item:nth-child(2){animation-delay:3s}.case-three-synergy-item:nth-child(3){animation-delay:3.3s}.case-three-synergy-item:nth-child(4){animation-delay:3.6s}.case-three-synergy-item:nth-child(5){animation-delay:3.9s}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.case-three-synergy-metric{color:#0f0;font-weight:700;font-family:Courier New,monospace}.case-three-detection-visual{background:#0009;border-radius:4px;text-align:center}.case-three-detection-stat{font-size:1.8rem;font-weight:700;color:#0f0;text-shadow:0 0 20px #00ff00;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.case-three-detection-label{font-size:.75rem;color:#999;margin-top:.4rem}.case-three-warning-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000e6;padding:.8rem 1.5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:2px;opacity:0;animation:warningFlash 1s 3s forwards;z-index:20;font-size:.9rem}@keyframes warningFlash{0%,to{opacity:0}50%{opacity:1}}.gold-coin-three{position:absolute;width:30px;height:30px;background:radial-gradient(circle,gold,#ff9500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:1.2rem;opacity:0;box-shadow:0 0 20px gold;z-index:0!important}@keyframes coinFloatThree{0%{opacity:0;transform:translateY(100px) rotate(0)}50%{opacity:.75}to{opacity:0;transform:translateY(-100px) rotate(360deg)}}.future-one-container{font-family:Arial,sans-serif;background:#000;color:#fff;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1}.future-one-header{padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:100}.future-one-logo-container{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;letter-spacing:2px;opacity:1}.future-one-logo-divider{color:#0f0}.future-one-main-container{flex:1;display:flex;flex-direction:column;margin:0 auto;width:100%}.future-one-title{font-size:2.2rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:2px;opacity:1}.future-one-subtitle{font-size:1.1rem;color:#0cf;text-align:center;margin-bottom:16px;opacity:1}.future-one-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;opacity:1;flex:1}.future-one-comparison-section{display:flex;flex-direction:column;gap:8px}.future-one-method-box{background:#ffffff05;border:2px solid #333;border-radius:8px;padding:16px;transition:all .3s ease}.future-one-method-box.traditional{opacity:.7}.future-one-method-box.pogr{border-color:#0cf;background:#00ccff0d}.future-one-method-box.razer-synergy{border-color:#0f0;background:linear-gradient(135deg,#00ff000d,#00ccff0d);position:relative;overflow:hidden}.future-one-method-box.razer-synergy:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0f0,#0cf,#0f0);border-radius:8px;opacity:.5;z-index:-1;animation:futureOneBorderGlow 3s linear infinite}@keyframes futureOneBorderGlow{0%,to{opacity:.3}50%{opacity:.8}}.future-one-method-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.future-one-method-box.traditional .future-one-method-title{color:#666}.future-one-method-box.pogr .future-one-method-title{color:#0cf}.future-one-method-box.razer-synergy .future-one-method-title{background:linear-gradient(90deg,#0f0,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,255,0,.5)}.future-one-limitation-list,.future-one-capability-list,.future-one-synergy-list{list-style:none}.future-one-limitation-item,.future-one-capability-item,.future-one-synergy-item{padding:2px 0;padding-left:1.3rem;position:relative;font-size:.75rem;line-height:1.3}.future-one-limitation-item:before{content:"❌";position:absolute;left:0;font-size:.8rem}.future-one-capability-item:before{content:"✅";position:absolute;left:0;font-size:.8rem}.future-one-synergy-item:before{content:"⚡";position:absolute;left:0;font-size:.8rem;animation:futureOneElectricPulse 2s infinite}@keyframes futureOneElectricPulse{0%,to{opacity:.5}50%{opacity:1;filter:brightness(1.5)}}.future-one-catch-rate{display:inline-block;margin-left:.4rem;padding:.1rem .3rem;border-radius:4px;font-size:.65rem;font-weight:700}.future-one-method-box.traditional .future-one-catch-rate{background:#f003;color:#f66}.future-one-visualization-section{display:flex;flex-direction:column;gap:8px}.future-one-cluster-container{background:#ffffff05;border:2px solid #333;border-radius:8px;padding:16px;position:relative;height:240px;overflow:hidden}.future-one-cluster-title{font-size:.9rem;color:#0cf;text-transform:uppercase;letter-spacing:1px}.future-one-hardware-data-box{background:#00ff000d;border:2px solid #00ff00;border-radius:8px;padding:16px;position:relative}.future-one-hardware-title{font-size:.9rem;color:#0f0;text-transform:uppercase;letter-spacing:1px}.future-one-data-flow{display:flex;align-items:center;justify-content:space-between;margin-block:8px}.future-one-data-source{background:#00ff001a;border:1px solid #00ff00;padding:.3rem .6rem;border-radius:4px;font-size:.7rem}.future-one-data-arrow{color:#0f0;font-size:1.2rem;animation:futureOneDataFlow 2s infinite}@keyframes futureOneDataFlow{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.future-one-detection-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.future-one-detection-stat{background:#00000080;border-radius:4px;text-align:center}.future-one-detection-label{font-size:.6rem;color:#999}.future-one-detection-value{font-size:.85rem;font-weight:700;color:#0f0}.future-one-player-dot{position:absolute;width:8px;height:8px;border-radius:50%;transition:all .3s ease;cursor:pointer}.future-one-player-dot.normal{background:#09f;box-shadow:0 0 4px #09f}.future-one-player-dot.suspicious{background:#f90;box-shadow:0 0 8px #f90;animation:futureOneSuspiciousPulse 2s infinite}.future-one-player-dot.cheater{background:red;border:2px solid #ff0000;box-shadow:0 0 15px red;animation:futureOneCheaterPulse 1s infinite}@keyframes futureOneSuspiciousPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes futureOneCheaterPulse{0%,to{transform:scale(1);box-shadow:0 0 15px red}50%{transform:scale(1.5);box-shadow:0 0 30px red}}.future-one-player-dot:hover{transform:scale(2);z-index:10}.future-one-player-tooltip{position:absolute;background:#111;border:1px solid #00ccff;padding:.5rem;border-radius:4px;font-size:.7rem;display:none;z-index:20;min-width:120px}.future-one-connection-line{position:absolute;height:1px;background:#ff00004d;transform-origin:left center;pointer-events:none}.future-one-bottom-stats{background:#00ff001a;border:1px solid #00ff00;padding:8px;border-radius:4px;display:flex;justify-content:space-around;opacity:1;min-width:75%;margin-inline:auto;margin-bottom:24px}.future-one-bottom-stat{text-align:center}.future-one-bottom-stat-number{font-size:1.5rem;font-weight:700;color:#0f0;text-shadow:0 0 10px #00ff00}.future-one-bottom-stat-label{font-size:.7rem;color:#999;margin-top:.2rem}.future-two-container{font-family:Arial,sans-serif;background:#000;color:#fff;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1}.future-two-header{padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:100}.future-two-logo-container{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;letter-spacing:2px;opacity:1}.future-two-logo-divider{color:#0f0}.future-two-main-container{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.future-two-title{font-size:1.8rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:2px;opacity:1}.future-two-subtitle{font-size:1rem;background:linear-gradient(90deg,#0f0,gold,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;opacity:1}.future-two-content-container{display:flex;flex-direction:column;gap:16px;flex:1;opacity:1}.future-two-journey-section{background:#ffffff05;border:2px solid #333;border-radius:8px;position:relative;height:64px;overflow:hidden}.future-two-progress-line{position:absolute;top:25%;left:10%;width:80%;height:4px;background:#222;transform:translateY(-50%)}.future-two-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#0f0,gold,#f0f);width:100%;animation:futureTwoFillProgress 3s 1s ease-out forwards;box-shadow:0 0 20px #ffd70080}@keyframes futureTwoFillProgress{to{width:100%}}.future-two-milestone{position:absolute;top:25%;transform:translate(-50%,-50%);width:30px;height:30px;background:#111;border:2px solid #666;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.future-two-milestone:hover{transform:translate(-50%,-50%) scale(1.2);border-color:#0f0;box-shadow:0 0 20px #0f0}.future-two-milestone.active{background:#0f0;border-color:#0f0;animation:futureTwoMilestonePulse 2s infinite}@keyframes futureTwoMilestonePulse{0%,to{box-shadow:0 0 20px #0f0}50%{box-shadow:0 0 40px #0f0,0 0 60px #0f0}}.future-two-milestone-icon{font-size:1rem}.future-two-milestone-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:16px;color:#999;white-space:nowrap;opacity:1;min-width:-moz-max-content;min-width:max-content;z-index:11}.future-two-milestone.first-match{left:10%}.future-two-milestone.skill-plateau{left:30%}.future-two-milestone.pogr-analysis{left:50%}.future-two-milestone.rapid-growth{left:70%}.future-two-milestone.champion{left:90%}.future-two-radar-container{position:absolute;right:22px;top:-29px;width:120px;height:120px;opacity:0}.future-two-radar-ring{position:absolute;border:1px solid #333;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.future-two-radar-ring:nth-child(1){width:25px;height:25px}.future-two-radar-ring:nth-child(2){width:50px;height:50px}.future-two-radar-ring:nth-child(3){width:75px;height:75px}.future-two-radar-ring:nth-child(4){width:100px;height:100px}.future-two-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.future-two-analytics-panel{background:#ffffff05;border:2px solid #333;border-radius:8px;padding:8px;transition:all .3s ease}.future-two-analytics-panel:hover{border-color:#0f0;box-shadow:0 0 20px #0f03}.future-two-analytics-panel.razer-exclusive{background:linear-gradient(135deg,#00ff000d,#00000005);border-color:#00ff0080}.future-two-panel-title{font-size:.9rem;color:#0f0;text-transform:uppercase;letter-spacing:1px}.future-two-feature-list{list-style:none}.future-two-feature-item{padding:4px 0 4px 32px;position:relative;color:#ddd;font-size:.9rem;line-height:1.5;display:flex;align-items:center}.future-two-feature-item:before{content:"📊";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.1rem;display:flex;align-items:center;justify-content:center}.future-two-feature-item.razer-feature{color:#0f0}.future-two-feature-item.razer-feature:before{content:"⚡";top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.future-two-success-story{background:linear-gradient(135deg,#ffd7001a,#ff00ff1a);border:2px solid #ffd700;border-radius:8px;padding:16px;margin-bottom:8px}.future-two-team-name{font-size:1.1rem;color:gold;display:flex;align-items:center;gap:.5rem}.future-two-trophy{font-size:1.5rem;animation:futureTwoTrophySpin 3s infinite ease-in-out}@keyframes futureTwoTrophySpin{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.future-two-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.future-two-stat-box{background:#00000080;border-radius:4px;display:flex;justify-content:space-evenly;align-items:center}.future-two-stat-label{font-size:.7rem;color:#999}.future-two-stat-value{font-size:1.1rem;font-weight:700;color:gold}.future-two-improvement-arrow{color:#0f0;margin-left:.4rem}.future-two-improvement-list{background:#00000080;padding:0 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.7rem}.future-two-improvement-item{color:#0f0}.future-two-synergy-box{background:linear-gradient(135deg,#00ff001a,#00ff000d);border:2px solid #00ff00;border-radius:8px;padding:.8rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.future-two-synergy-box:hover{box-shadow:0 0 30px #00ff0080}.future-two-synergy-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,0,.1) 0%,transparent 70%);animation:futureTwoRotateSynergy 20s linear infinite}@keyframes futureTwoRotateSynergy{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.future-two-synergy-title{font-size:.95rem;margin-bottom:8px;position:relative;z-index:1;letter-spacing:2px}.future-two-synergy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;position:relative;z-index:1}.future-two-synergy-item{background:#00000080;padding:8px;border-radius:4px;border:1px solid rgba(0,255,0,.3);transition:all .3s ease}.future-two-synergy-item:hover{transform:translateY(-2px);border-color:#0f0;box-shadow:0 5px 15px #00ff004d}.future-two-synergy-icon{font-size:1.4rem}.future-two-synergy-metric{font-size:.7rem;color:#999}.future-two-synergy-detail{font-size:.8rem;color:#0f0;font-weight:700}.future-two-synergy-features{display:flex;flex-direction:column;position:relative;z-index:1}.future-two-synergy-feature{text-align:left;color:#ddd;font-size:.7rem;display:flex;align-items:center;gap:.3rem}.future-two-feature-check{color:#0f0;font-weight:700}@keyframes futureTwoShimmer{0%,to{opacity:.8}50%{opacity:1}}.future-two-synergy-cta{font-style:italic;color:#fff;font-size:.85rem;font-weight:700;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);padding-top:8px;border-radius:4px;position:relative;z-index:1;animation:futureTwoPulseCTA 2s ease-in-out infinite}@keyframes futureTwoPulseCTA{0%,to{opacity:.8}50%{opacity:1}}.future-two-particle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;pointer-events:none;z-index:5}@keyframes futureTwoFloatUp{0%{opacity:0;transform:translateY(100px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)}}.diff-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;position:relative;flex:1}.diff-circuit-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:linear-gradient(90deg,#00ff00 1px,transparent 1px),linear-gradient(#00ff00 1px,transparent 1px);background-size:50px 50px;z-index:-2;animation:diffGridMove 20s linear infinite}@keyframes diffGridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.diff-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);z-index:-1}.diff-header{padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d}.diff-logo-container{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;letter-spacing:2px;opacity:1}.diff-logo-divider{color:#0f0;animation:diffPulse 2s infinite}@keyframes diffPulse{0%,to{opacity:1}50%{opacity:.5}}.diff-main-container{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.diff-title{font-size:1.8rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:3px;opacity:1;background:linear-gradient(90deg,#fff,#0f0,#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:diffGradientMove 3s linear infinite}@keyframes diffGradientMove{0%{background-position:200% 0}to{background-position:-200% 0}}.diff-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;flex:1;opacity:1}.diff-tech-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:1;box-shadow:0 8px 32px #0000004d}@keyframes diffBorderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.diff-tech-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #0f03}.diff-tech-header{display:flex;align-items:center;gap:16px;margin-bottom:8px;position:relative}.diff-tech-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#0f03,#00ff000d);border-radius:20px;position:relative;animation:diffIconFloat 3s ease-in-out infinite}@keyframes diffIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.diff-tech-icon:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#00ff00,transparent);border-radius:20px;opacity:.5;z-index:-1;animation:diffIconGlow 2s ease-in-out infinite}@keyframes diffIconGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.diff-tech-title{font-size:1rem;font-weight:700;background:linear-gradient(90deg,#0f0,#6f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px}.diff-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.diff-platform-badge{background:linear-gradient(135deg,#00ff001a,#00ff000d);border:1px solid rgba(0,255,0,.3);padding:.4rem;border-radius:12px;font-size:.7rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.diff-platform-badge:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00ff004d;border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease}.diff-platform-badge:hover:before{width:100px;height:100px}.diff-platform-badge:hover{transform:translateY(-2px);border-color:#0f0;box-shadow:0 5px 15px #00ff004d}.diff-storage-demo{background:linear-gradient(180deg,#0a0a0a,#050505);border-radius:15px;position:relative;height:110px;box-shadow:inset 0 2px 10px #00000080}.diff-storage-layer{position:absolute;left:.8rem;right:.8rem;height:25px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 .8rem;font-size:.7rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;box-shadow:0 4px 15px #0000004d}.diff-storage-layer.hot{top:10px;background:linear-gradient(135deg,#f44,#ff6b6b);animation:diffHotPulse 2s infinite}.diff-storage-layer.warm{top:42px;background:linear-gradient(135deg,#ff8c42,#ffb366)}.diff-storage-layer.cold{top:74px;background:linear-gradient(135deg,#06f,#48f)}@keyframes diffHotPulse{0%,to{box-shadow:0 4px 15px #ff44444d}50%{box-shadow:0 4px 25px #f449}}.diff-storage-layer:hover{transform:translate(10px) scale(1.03);z-index:10}.diff-storage-speed{font-size:.7rem;color:#fffc;font-weight:400}.diff-perf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.diff-perf-metric{background:linear-gradient(135deg,#0009,#0000004d);padding:8px;border-radius:15px;text-align:center;border:1px solid rgba(0,255,0,.2);position:relative;overflow:hidden;transition:all .3s ease}.diff-perf-metric:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.diff-perf-metric:hover:before{opacity:1}.diff-perf-metric:hover{transform:translateY(-3px);border-color:#0f0}.diff-perf-number{font-size:1.4rem;font-weight:800;background:linear-gradient(180deg,#0f0,#0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(0,255,0,.5);margin-bottom:.2rem}.diff-perf-label{font-size:.6rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.diff-feature-list{list-style:none;display:flex;flex-direction:column;gap:8px}.diff-feature-item{padding:4px 8px;padding-left:2rem;position:relative;color:#ffffffe6;background:linear-gradient(90deg,rgba(0,255,0,.05) 0%,transparent 50%);border-radius:10px;transition:all .3s ease;border:1px solid transparent;font-size:.7rem}.diff-feature-item:before{content:"🛡️";position:absolute;left:.8rem;font-size:1rem;animation:diffSecureFloat 3s ease-in-out infinite}@keyframes diffSecureFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(3deg)}}.diff-feature-item:hover{background:linear-gradient(90deg,rgba(0,255,0,.15) 0%,transparent 50%);transform:translate(8px);border-color:#00ff004d}.diff-cost-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diff-cost-item{background:linear-gradient(135deg,#0009,#0000004d);padding:8px;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.diff-cost-item.competitors{border-color:#ff66664d}.diff-cost-item.pogr{border-color:#00ff004d;background:linear-gradient(135deg,#00ff001a,#0000004d)}.diff-cost-label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.diff-cost-value{font-size:1.1rem;font-weight:800}.diff-cost-item.competitors .diff-cost-value{color:#f66;text-decoration:line-through;opacity:.7}.diff-cost-item.pogr .diff-cost-value{background:linear-gradient(180deg,#0f0,#0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:diffSavingsPulse 2s infinite;text-shadow:0 0 20px rgba(0,255,0,.5)}@keyframes diffSavingsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.diff-tech-particles{position:absolute;width:100%;height:100%;pointer-events:none;z-index:0}.diff-tech-particle{position:absolute;width:2px;background:linear-gradient(to bottom,transparent,#00ff00,transparent);box-shadow:0 0 10px #00ff0080}@keyframes diffParticleFall{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.diff-checkmark{color:#0f0;margin-left:.5rem;display:inline-block;opacity:1;animation:diffCheckIn .5s 2s forwards}@keyframes diffCheckIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.diff-stat-counter{display:inline-block;min-width:60px}.closing-razer-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;position:relative}.closing-bg-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,0,.1) 0%,transparent 50%);animation:closingPulse 4s ease-in-out infinite}@keyframes closingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.closing-container{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding-inline:64px;max-width:1400px;justify-self:center;align-self:center}.closing-header{text-align:center}.closing-main-title{font-size:2.8rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#0f0,#0c0,#0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:closingGradientShift 3s ease-in-out infinite}@keyframes closingGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.closing-main-subtitle{font-size:1.2rem;color:#fffc;font-weight:300}.closing-venn-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;max-height:640px}.closing-venn-diagram{position:relative;width:600px;height:360px}.closing-circle{position:absolute;width:360px;height:360px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;transition:all .4s ease}.closing-circle-pogr{left:0;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#00ff0026,#00ff000d 70%);border:2px solid rgba(0,255,0,.4);justify-content:flex-start}.closing-circle-razer{right:0;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#00ff0026,#00ff000d 70%);border:2px solid rgba(0,255,0,.4);justify-content:flex-end}.closing-circle:hover{transform:translateY(-50%) scale(1.05);border-color:#00ff00b3;box-shadow:0 0 40px #00ff004d}.closing-circle-label{font-size:1.2rem;font-weight:700;color:#0f0;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.closing-circle-text{font-size:.85rem;color:#fffc;line-height:1.4}.closing-intersection{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:radial-gradient(circle,#00ff004d,#00ff001a 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;z-index:10;animation:closingIntersectionPulse 2s ease-in-out infinite}@keyframes closingIntersectionPulse{0%,to{box-shadow:0 0 #0f06}50%{box-shadow:0 0 0 20px #0f00}}.closing-intersection-text{font-size:32px;font-weight:700;color:#0f0;text-shadow:0 0 20px rgba(0,255,0,.8)}.closing-opportunities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.closing-opportunity-card{background:linear-gradient(135deg,#00ff000d,#00ff0005);border:1px solid rgba(0,255,0,.2);border-radius:12px;padding:8px;transition:all .3s ease}.closing-opportunity-card:hover{transform:translateY(-3px);border-color:#00ff0080;box-shadow:0 10px 30px #00ff001a}.closing-opportunity-title{font-size:.9rem;font-weight:700;color:#0f0;text-transform:uppercase;letter-spacing:.5px}.closing-opportunity-list{list-style:none}.closing-opportunity-list li{font-size:.75rem;color:#fffc;padding-left:16px;position:relative}.closing-opportunity-list li:before{content:"▸";position:absolute;left:0;color:#0f0;font-weight:700}.closing-quote-section{text-align:center;margin-top:8px;padding:8px;background:linear-gradient(90deg,transparent,rgba(0,255,0,.05),transparent);border-left:2px solid rgba(0,255,0,.3);border-right:2px solid rgba(0,255,0,.3)}.closing-big-quote{font-size:1.1rem;font-weight:300;font-style:italic;color:#ffffffe6;line-height:1.3}.closing-big-quote strong{color:#0f0;font-weight:700}.closing-connection-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.closing-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:closingLineMove 3s ease-in-out infinite}.closing-line1{top:30%;left:-100%;width:300px;animation-delay:0s}.closing-line2{bottom:40%;right:-100%;width:250px;animation-delay:1.5s}@keyframes closingLineMove{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100%))}}
