@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap");:root{--primary-color:#f09;--secondary-color:#00f5ff;--accent-color:#b967ff;--matrix-green:#00ff41;--dark-color:#050023;--light-color:#fff;--text-color:#f0f0f0;--bg-color:#050023;--container-bg:rgba(5,0,35,.7);--option-bg:rgba(255,0,153,.1);--option-border:rgba(0,245,255,.3);--box-shadow:0 10px 30px rgba(255,0,153,.3);--header-bg:linear-gradient(135deg,rgba(255,0,153,.2),rgba(0,245,255,.2));--footer-bg:rgba(5,0,35,.9);--pink-glow:0 0 10px rgba(255,0,153,.7),0 0 20px rgba(255,0,153,.5),0 0 30px rgba(255,0,153,.3);--cyan-glow:0 0 10px rgba(0,245,255,.7),0 0 20px rgba(0,245,255,.5),0 0 30px rgba(0,245,255,.3);--violet-glow:0 0 10px rgba(185,103,255,.7),0 0 20px rgba(185,103,255,.5),0 0 30px rgba(185,103,255,.3);--green-glow:0 0 10px rgba(0,255,65,.7),0 0 20px rgba(0,255,65,.5),0 0 30px rgba(0,255,65,.3);--border-radius:8px;--transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);--gradient-matrix:linear-gradient(135deg,var(--matrix-green) 0%,var(--secondary-color) 100%);--scanline-color:rgba(0,245,255,.1);--scanline-size:2px;--scanline-gap:8px}*{margin:0;padding:0;box-sizing:border-box;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%2300f5ff' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='3' fill='%2300f5ff'/%3E%3C/g%3E%3C/svg%3E") 10 10,auto}body{font-family:Exo\ 2,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-color);background-image:radial-gradient(circle at 20% 20%,rgba(255,0,153,.4) 0,transparent 35%),radial-gradient(circle at 80% 80%,rgba(0,245,255,.4) 0,transparent 35%),radial-gradient(circle at 50% 50%,rgba(185,103,255,.2) 0,transparent 50%);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;position:relative;overflow-x:hidden}body:before{content:"";background:repeating-linear-gradient(0deg,var(--scanline-color),var(--scanline-color) var(--scanline-size),transparent var(--scanline-size),transparent calc(var(--scanline-size) + var(--scanline-gap)));pointer-events:none;z-index:100;animation:scanlines 8s linear infinite;opacity:.3}#matrix-rain,body:before{position:fixed;top:0;left:0;width:100%;height:100%}#matrix-rain{z-index:-1;opacity:.2}.container{max-width:900px;width:100%;background:var(--container-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(0,245,255,.2);border-radius:8px;box-shadow:var(--cyan-glow);overflow:hidden;position:relative}.container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);z-index:-1;border-radius:10px;animation:borderGlow 3s infinite alternate}.container:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);animation:scanline 2s linear infinite}header{text-align:center;padding:20px;background:var(--header-bg);border-bottom:1px solid rgba(0,245,255,.3);position:relative}header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);animation:glitch 2s linear infinite}header h1{font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:800;color:#fff;text-shadow:0 0 10px #fff,0 0 20px var(--primary-color),0 0 30px var(--primary-color),0 0 40px var(--primary-color);letter-spacing:2px;text-transform:uppercase;position:relative;display:inline-block;margin:0;animation:textGlow 2s infinite alternate}.quiz-container{padding:40px}.progress-container{margin-bottom:40px}.progress-bar{height:12px;background-color:rgba(5,0,35,.3);border:1px solid var(--secondary-color);border-radius:30px;overflow:hidden;margin-bottom:12px;position:relative;box-shadow:var(--cyan-glow)}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),transparent);animation:progress-shine 2s infinite}.progress{height:100%;background:var(--gradient-primary);width:0;transition:width .8s cubic-bezier(.22,1,.36,1)}.progress-text{display:flex;justify-content:space-between;font-size:1rem;color:var(--secondary-color);font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px}.screen{display:none;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.165,.84,.44,1)}.screen.active{display:block;opacity:1;transform:translateY(0);animation:screenFadeIn .5s ease forwards}#start-screen{text-align:center}#start-screen h2{font-family:Orbitron,sans-serif;font-size:2.5rem;margin-bottom:20px;color:var(--light-color);text-shadow:var(--cyan-glow);letter-spacing:1px}#start-screen .subtitle{font-size:1.2rem;margin-bottom:30px;max-width:80%;margin-left:auto;margin-right:auto;color:var(--text-color)}.features{display:flex;justify-content:center;gap:20px;margin:30px 0 40px;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:15px;background:var(--option-bg);padding:15px 25px;border-radius:8px;border:1px solid var(--secondary-color);box-shadow:var(--cyan-glow);transition:all .3s ease}.feature:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--violet-glow);border-color:var(--accent-color)}.feature-icon{font-size:1.5rem;color:var(--matrix-green);text-shadow:var(--green-glow)}.question-container{min-height:350px}.question{font-family:Orbitron,sans-serif;font-size:1.8rem;color:var(--light-color);font-weight:600;margin-bottom:30px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;text-shadow:var(--cyan-glow);position:relative;animation:textGlitch 5s infinite}.options{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.option{padding:20px;background:var(--option-bg);border:2px solid var(--option-border);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;text-align:center;position:relative;overflow:hidden}.option:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,245,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.option:hover{background:rgba(0,245,255,.15);border-color:var(--secondary-color);transform:translateY(-4px) scale(1.02);box-shadow:var(--cyan-glow)}.option:hover:before{opacity:1;animation:shine 1.5s}.option-text{position:relative;z-index:1}#results-screen{text-align:center}.score-display{margin:30px 0;position:relative}.score-circle{width:200px;height:200px;border-radius:50%;background:var(--dark-color);border:3px solid var(--secondary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;position:relative;box-shadow:var(--cyan-glow);animation:pulseGlow 3s infinite alternate}.score-circle:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:1px solid var(--primary-color);animation:spin 10s linear infinite;opacity:.5}.score-circle:after{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;border:1px dashed var(--secondary-color);animation:spin 20s linear infinite reverse;opacity:.3}.score-value{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;color:var(--light-color);text-shadow:0 0 10px #fff,0 0 20px var(--primary-color),0 0 30px var(--primary-color);margin:0;line-height:1}.score-label{font-family:Exo\ 2,sans-serif;font-size:1rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:2px;margin-top:10px}.result-content{margin:40px 0}.result-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;color:var(--light-color);margin-bottom:20px;text-shadow:var(--pink-glow)}.score-description{font-size:1.2rem;line-height:1.6;margin:20px auto;max-width:80%;position:relative;min-height:100px}.btn{display:inline-block;padding:15px 35px;background:transparent;color:var(--light-color);border:2px solid var(--secondary-color);border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--cyan-glow);margin:10px;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.2),transparent);transition:all .6s ease;z-index:-1}.btn:hover{transform:translateY(-5px) scale(1.02);background-color:rgba(0,245,255,.1);border-color:var(--primary-color);box-shadow:var(--pink-glow)}.btn:hover:before{left:100%;transition:all .6s ease}.primary-btn{background:var(--gradient-primary);border:none;animation:pulse 2s infinite}.mega-button{min-width:200px!important;height:60px!important;font-size:1.5rem!important;padding:10px 40px!important;margin:30px auto 40px!important;letter-spacing:2px!important;font-weight:800!important;text-shadow:0 0 10px hsla(0,0%,100%,.7)!important;position:relative;overflow:visible!important}.mega-button:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:12px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--matrix-green),var(--accent-color));opacity:.7;z-index:-1;animation:rotate-border 3s linear infinite}.pulse-glow{animation:mega-pulse 2s infinite!important}@keyframes mega-pulse{0%{transform:scale(1);box-shadow:var(--pink-glow)}50%{transform:scale(1.1);box-shadow:0 0 30px var(--primary-color),0 0 50px var(--primary-color)}to{transform:scale(1);box-shadow:var(--pink-glow)}}@keyframes rotate-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.secondary-btn{background:transparent;border:2px solid var(--primary-color)}.share-section{margin:40px 0}.share-section h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--secondary-color);margin-bottom:20px;text-shadow:var(--cyan-glow)}.share-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn,.option,.share-btn,button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Ccircle cx='12' cy='12' r='11' stroke='%23ff0099' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23ff0099'/%3E%3Cpath d='M12 1v4M12 19v4M1 12h4M19 12h4' stroke='%23ff0099' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 12 12,pointer}.share-btn{width:50px;height:50px;border-radius:50%;background:var(--dark-color);border:1px solid var(--option-border);display:flex;justify-content:center;align-items:center;transition:all .3s ease;color:var(--light-color);font-size:1.2rem;margin:0 5px}.share-btn:hover{transform:translateY(-5px)}.x-btn{background:#000;box-shadow:0 0 15px hsla(0,0%,100%,.5)}.instagram-feed,.instagram-stories{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);box-shadow:0 0 15px rgba(225,48,108,.5);position:relative}.platform-label{font-size:.5rem;position:absolute;bottom:3px;left:0;right:0;text-align:center}.whatsapp{background:#25d366;box-shadow:0 0 15px rgba(37,211,102,.5)}.facebook{background:#1877f2;box-shadow:0 0 15px rgba(24,119,242,.5)}.reddit{background:#ff4500;box-shadow:0 0 15px rgba(255,69,0,.5)}.linkedin{background:#0077b5;box-shadow:0 0 15px rgba(0,119,181,.5)}.tiktok{background:#000;box-shadow:0 0 15px rgba(254,44,85,.5);position:relative;overflow:hidden}.tiktok:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#25f4ee,#fe2c55,#000);mix-blend-mode:overlay;z-index:0}.tiktok i{position:relative;z-index:1}.banner{width:100%;background:#000;padding:10px 0;margin-bottom:20px;position:relative;overflow:hidden;text-align:center}.banner a{display:block;text-align:center}.banner img{display:inline-block}.banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);animation:scanline 3s linear infinite}.banner img{display:block;margin:0 auto;max-width:100%;height:auto;transition:opacity .3s}.banner img:hover{opacity:.8}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(var(--scanline-gap))}}@keyframes scanline{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes pulse{0%{transform:scale(1);box-shadow:var(--cyan-glow)}50%{transform:scale(1.05);box-shadow:var(--pink-glow)}to{transform:scale(1);box-shadow:var(--cyan-glow)}}@keyframes borderGlow{0%{opacity:.5}to{opacity:1}}@keyframes textGlow{0%{text-shadow:0 0 10px #fff,0 0 20px var(--primary-color),0 0 30px var(--primary-color)}to{text-shadow:0 0 15px #fff,0 0 30px var(--secondary-color),0 0 45px var(--secondary-color)}}@keyframes textGlitch{0%,to{opacity:1;transform:translateX(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}10%,5%{opacity:.9;transform:translateX(-2px);-webkit-clip-path:inset(0 5% 0 0);clip-path:inset(0 5% 0 0)}15%{transform:translateX(2px);-webkit-clip-path:inset(0 0 0 5%);clip-path:inset(0 0 0 5%)}74%,76%{opacity:1;transform:translateX(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}80%{opacity:.9;transform:translateX(-2px);-webkit-clip-path:inset(0 10% 0 0);clip-path:inset(0 10% 0 0)}85%{opacity:1;transform:translateX(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGlow{0%{box-shadow:var(--cyan-glow)}to{box-shadow:var(--pink-glow)}}@keyframes shine{0%{left:-100%;opacity:0}20%{opacity:.5}to{left:100%;opacity:0}}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%,to{transform:translateX(0)}31%,33%,35%,37%,39%,41%{transform:translateX(2px)}30%,32%,34%,36%,38%,40%,42%{transform:translateX(-2px)}43%,45%,47%,49%,51%{transform:translateX(2px)}44%,46%,48%,50%,52%{transform:translateX(-2px)}53%{transform:translateX(3px)}54%{transform:translateX(-3px)}55%{transform:translateX(2px)}56%{transform:translateX(0)}}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media screen and (max-width:768px){.container{max-width:95%;margin:10px}.quiz-container{padding:20px}.question{font-size:1.5rem;min-height:100px}.feature{padding:10px 20px}.score-circle{width:150px;height:150px}.score-value{font-size:2.5rem}.result-content h2{font-size:2rem}}@media screen and (max-width:480px){body{padding:10px 0}.container{max-width:100%;border-radius:0;margin:0}header h1{font-size:2rem}#start-screen h2{font-size:1.8rem}.features{flex-direction:column;gap:15px}.score-description{max-width:95%}}.hud-element{position:absolute;background:var(--secondary-color);opacity:.8;box-shadow:var(--cyan-glow)}.hud-top{top:-2px;left:50%;transform:translateX(-50%);width:40px;height:2px}.hud-right{top:50%;right:-2px;transform:translateY(-50%);width:2px;height:40px}.hud-bottom{bottom:-2px;left:50%;transform:translateX(-50%);width:40px;height:2px}.hud-left{top:50%;left:-2px;transform:translateY(-50%);width:2px;height:40px}.legendary-badge{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;padding:8px 16px;border:1px solid var(--matrix-green);background:rgba(0,255,65,.1);border-radius:4px;animation:pulseLegendary 2s infinite alternate;display:inline-block}.legendary-title{color:var(--matrix-green)!important;text-shadow:var(--green-glow)!important;animation:legendaryGlow 3s infinite alternate}.score-circle.legendary{border-color:var(--matrix-green);box-shadow:var(--green-glow);animation:legendaryPulse 2s infinite alternate}.score-circle.legendary .score-value{color:var(--matrix-green);text-shadow:var(--green-glow)}.score-circle.legendary .score-label{color:var(--matrix-green)}.share-subtitle{font-size:.9rem;margin-bottom:20px;color:var(--secondary-color);opacity:.8}.action-buttons{gap:15px;margin-top:30px;flex-wrap:wrap}.action-buttons,.tech-footer{display:flex;justify-content:center}.tech-footer{align-items:center;margin-top:40px;width:100%}.tech-line{height:2px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);width:100px}.tech-dot{width:8px;height:8px;background:var(--secondary-color);border-radius:50%;margin:0 10px;box-shadow:var(--cyan-glow)}.score-value .percent{font-size:1.5rem;vertical-align:top;margin-left:2px;opacity:.8}@keyframes pulseLegendary{0%{box-shadow:0 0 10px var(--matrix-green)}to{box-shadow:0 0 20px var(--matrix-green),0 0 30px var(--matrix-green)}}@keyframes legendaryGlow{0%{opacity:.8;text-shadow:0 0 10px var(--matrix-green)}to{opacity:1;text-shadow:0 0 10px var(--matrix-green),0 0 20px var(--matrix-green),0 0 30px var(--matrix-green)}}@keyframes legendaryPulse{0%{box-shadow:0 0 10px var(--matrix-green)}to{box-shadow:0 0 20px var(--matrix-green),0 0 30px var(--matrix-green)}}.konami-active .container{animation:glitchBorder .5s infinite}@keyframes glitchBorder{0%{border-color:var(--primary-color)}25%{border-color:var(--matrix-green)}50%{border-color:var(--secondary-color)}75%{border-color:var(--accent-color)}to{border-color:var(--primary-color)}}.achievements-container{position:relative}.achievement-notification{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,.8);border:2px solid var(--matrix-green);border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;z-index:1000;box-shadow:var(--green-glow);animation:slideIn .5s forwards;max-width:300px}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.achievement-icon{font-size:2.5rem;background:rgba(0,255,65,.1);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--matrix-green)}.achievement-text h4{color:var(--matrix-green);margin:0 0 5px;font-family:Orbitron,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.achievement-text p{margin:0;font-size:1rem;color:var(--light-color)}.achievements-panel{margin-top:40px;padding:20px;background:rgba(5,0,35,.5);border:1px solid var(--secondary-color);border-radius:8px;max-width:600px;margin-left:auto;margin-right:auto}.achievements-panel h3{color:var(--secondary-color);font-family:Orbitron,sans-serif;text-align:center;margin-top:0;margin-bottom:20px;font-size:1.2rem;letter-spacing:2px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.achievement-badge{background:rgba(0,245,255,.05);border:1px solid var(--secondary-color);border-radius:6px;padding:15px;display:flex;gap:15px;align-items:center;transition:all .3s ease}.achievement-badge:hover{transform:translateY(-3px);box-shadow:var(--cyan-glow)}.achievement-badge-icon{font-size:1.8rem;background:rgba(0,245,255,.1);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--secondary-color);flex-shrink:0}.achievement-badge-info h4{color:var(--light-color);margin:0 0 5px;font-size:.9rem;text-transform:uppercase}.achievement-badge-info p{margin:0;font-size:.8rem;color:var(--text-color);opacity:.8}.achievement-badge.legendary{background:rgba(0,255,65,.1);border-color:var(--matrix-green);box-shadow:var(--green-glow)}.achievement-badge.legendary .achievement-badge-icon{background:rgba(0,255,65,.2);border-color:var(--matrix-green)}.achievement-badge.legendary .achievement-badge-info h4{color:var(--matrix-green)}