*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--purple-deep: #0d0020;--purple-mid: #2d0060;--purple-bright: #7b2fff;--purple-glow: #b06dff;--pink-hot: #e040fb;--gold: #ffd700;--gold-soft: #ffb347;--star-white: #fff8e7;--teal: #00e5cc}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background:var(--purple-deep);color:#fff;overflow-x:hidden}#stars-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2.5rem;background:linear-gradient(180deg,#0d0020f2,#0d002000);backdrop-filter:blur(4px)}.nav-logo{display:flex;align-items:center;gap:.6rem;font-family:Spectral,Georgia,Times New Roman,serif;font-weight:700;font-size:1.1rem;color:var(--gold);text-shadow:0 0 12px var(--gold);text-decoration:none;letter-spacing:.03em}.nav-logo .logo-star{font-size:1.4rem;animation:spin-slow 8s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-links a{color:#ffffffd9;text-decoration:none;font-size:.9rem;font-weight:600;padding:.45rem 1rem;border-radius:2rem;transition:all .2s;letter-spacing:.02em}.nav-links a:hover{color:#fff;background:#b06dff40}.nav-links .btn-entrar{background:linear-gradient(135deg,#7b2fff,#e040fb);color:#fff!important;padding:.45rem 1.4rem;border-radius:2rem;box-shadow:0 0 18px #7b2fff80}.nav-links .btn-entrar:hover{box-shadow:0 0 32px #e040fbb3;background:linear-gradient(135deg,#9b4fff,#f060ff)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:2;padding-top:80px}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(123,47,255,.35) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(224,64,251,.2) 0%,transparent 60%),radial-gradient(ellipse 30% 25% at 20% 80%,rgba(0,229,204,.12) 0%,transparent 60%),linear-gradient(180deg,#0d0020d1,#1a0040d1 40%,#2d0060c7,#0d0020e6);z-index:0}.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}.hero:before{z-index:1;background-image:radial-gradient(circle,rgba(255,248,231,.95) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,215,0,.8) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(176,109,255,.85) 0 1.2px,transparent 1.8px),radial-gradient(circle,rgba(0,229,204,.65) 0 1px,transparent 1.5px);background-size:120px 120px,180px 180px,240px 240px,320px 320px;background-position:10px 20px,70px 50px,30px 110px,160px 30px;opacity:.65;animation:star-drift 28s linear infinite}.hero:after{z-index:1;background:radial-gradient(circle at 18% 22%,rgba(255,215,0,.9) 0 2px,transparent 5px),radial-gradient(circle at 34% 16%,rgba(255,248,231,.75) 0 1.5px,transparent 4px),radial-gradient(circle at 55% 28%,rgba(176,109,255,.85) 0 2px,transparent 5px),radial-gradient(circle at 72% 18%,rgba(255,248,231,.8) 0 1.5px,transparent 4px),radial-gradient(circle at 88% 32%,rgba(0,229,204,.7) 0 2px,transparent 5px),radial-gradient(circle at 45% 76%,rgba(255,215,0,.55) 0 1.5px,transparent 4px);opacity:.8;animation:star-twinkle 3.8s ease-in-out infinite alternate}@keyframes star-drift{0%{background-position:10px 20px,70px 50px,30px 110px,160px 30px}to{background-position:130px -100px,250px -130px,270px -130px,480px -290px}}@keyframes star-twinkle{0%{opacity:.45;filter:drop-shadow(0 0 2px rgba(255,248,231,.35))}to{opacity:.95;filter:drop-shadow(0 0 10px rgba(255,215,0,.75))}}.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:drift 12s ease-in-out infinite alternate;pointer-events:none}.nebula-1{width:500px;height:400px;background:#7b2fff;top:10%;left:-10%;animation-delay:0s}.nebula-2{width:400px;height:350px;background:#e040fb;top:40%;right:-8%;animation-delay:-4s}.nebula-3{width:300px;height:280px;background:#00e5cc;bottom:5%;left:30%;animation-delay:-8s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.chars-container{position:absolute;inset:0;z-index:2;pointer-events:none}.char{position:absolute;bottom:0;width:auto;animation:float-char 5s ease-in-out infinite;filter:drop-shadow(0 0 35px rgba(176,109,255,.55));transition:transform .3s}.char-1{left:2.5%;height:clamp(460px,30vw,590px);animation-delay:0s;animation-duration:5.2s}.char-2{left:17%;height:clamp(420px,27vw,540px);animation-delay:-1.5s;animation-duration:4.8s}.char-3{right:17%;height:clamp(450px,29vw,570px);animation-delay:-.8s;animation-duration:5.5s}.char-4{right:2.5%;height:clamp(420px,27vw,540px);animation-delay:-2.3s;animation-duration:4.6s}@keyframes float-char{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.hero-content{position:relative;z-index:3;text-align:center;max-width:720px;padding:0 1.5rem}.hero-badge{display:inline-block;background:#7b2fff4d;border:1px solid rgba(176,109,255,.5);color:var(--purple-glow);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1.2rem;border-radius:2rem;margin-bottom:1.2rem;backdrop-filter:blur(8px)}.hero-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:clamp(2.7rem,6.5vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-.01em;background:linear-gradient(135deg,gold,#ffb347 40%,#e040fb 75%,#b06dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:.5rem;animation:title-glow 4s ease-in-out infinite alternate}@keyframes title-glow{0%{filter:brightness(1)}to{filter:brightness(1.2) drop-shadow(0 0 20px rgba(224,64,251,.4))}}.hero-sub{font-size:clamp(1rem,2.5vw,1.3rem);color:#ffffffbf;font-weight:600;letter-spacing:.04em;margin-bottom:2rem;line-height:1.6}.hero-sub span{color:var(--teal);font-weight:800}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.btn-magic{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2.2rem;border-radius:3rem;font-weight:800;font-size:1rem;font-family:Nunito,sans-serif;cursor:pointer;text-decoration:none;border:none;transition:all .25s;position:relative;overflow:hidden}.btn-magic:before{content:"";position:absolute;inset:0;background:#ffffff1f;transform:translate(-100%);transition:transform .3s}.btn-magic:hover:before{transform:translate(0)}.btn-primary{background:linear-gradient(135deg,gold,#ff8c00);color:#1a0040;box-shadow:0 0 30px #ffd70073,0 4px 20px #0000004d}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 50px #ffd700a6,0 8px 30px #0000004d}.btn-secondary{background:#ffffff14;color:#fff;border:1.5px solid rgba(176,109,255,.6);box-shadow:0 0 20px #7b2fff33;backdrop-filter:blur(8px)}.btn-secondary:hover{transform:translateY(-3px) scale(1.03);background:#7b2fff33;box-shadow:0 0 35px #b06dff66}.scroll-hint{animation:bounce 2s ease-in-out infinite;color:#fff6;font-size:.8rem;letter-spacing:.08em;display:flex;flex-direction:column;align-items:center;gap:.4rem}.scroll-arrow{font-size:1.2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.train-divider{position:relative;height:120px;background:linear-gradient(180deg,#1a0040,#0d0020);overflow:hidden;display:flex;align-items:center}.train-track{width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),var(--gold),rgba(255,215,0,.4),transparent);position:absolute;bottom:40px}.section{position:relative;z-index:1;padding:5rem 2rem}.section-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;text-align:center;margin-bottom:.8rem;background:linear-gradient(135deg,var(--gold),var(--pink-hot));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-sub{text-align:center;color:#ffffff8c;font-size:1rem;margin-bottom:3rem;letter-spacing:.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:#ffffff0a;border:1px solid rgba(176,109,255,.2);border-radius:1.25rem;padding:1.75rem 1.5rem;text-align:center;transition:all .3s;position:relative;overflow:hidden;backdrop-filter:blur(6px)}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(123,47,255,.12),transparent 70%);opacity:0;transition:opacity .3s}.feature-card:hover{border-color:#b06dff80;transform:translateY(-6px);box-shadow:0 12px 40px #7b2fff40}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.8rem;margin-bottom:1rem;display:block;animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 18px rgba(255,215,0,.8))}}.feature-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;color:var(--gold-soft);margin-bottom:.5rem}.feature-desc{font-size:.9rem;color:#fff9;line-height:1.6}.classes-section{background:linear-gradient(180deg,#0d0020,#1a0040,#0d0020);padding:5rem 2rem;position:relative;z-index:1}.classes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1080px;margin:0 auto}@media(max-width:900px){.classes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.classes-grid{grid-template-columns:1fr}}.class-card{background:linear-gradient(145deg,#2d006099,#0d0020cc);border:1px solid rgba(176,109,255,.25);border-radius:1.5rem;padding:2rem 1rem 1.25rem;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;--class-offset-x: 0px;--class-offset-y: 0px}.class-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}.class-card:hover{transform:translateY(-8px) scale(1.02);border-color:#b06dff99;box-shadow:0 20px 50px #0006}.class-card:hover:after{transform:scaleX(1)}.class-card[data-class=cacador]{--grad: linear-gradient(90deg, #ffd700, #ff8c00);--class-offset-y: 10px}.class-card[data-class=atirador]{--grad: linear-gradient(90deg, #0f3460, #00e5cc);--class-offset-y: -8px}.class-card[data-class=medico]{--grad: linear-gradient(90deg, #e040fb, #ff6ec7);--class-offset-y: -6px}.class-card[data-class=musico]{--grad: linear-gradient(90deg, #7b2fff, #b06dff);--class-offset-y: -1px}.class-card[data-class=soldado]{--grad: linear-gradient(90deg, #11998e, #38ef7d);--class-offset-x: -12px;--class-offset-y: 10px}.class-card[data-class=lutador]{--grad: linear-gradient(90deg, #ff4e50, #f9d423);--class-offset-y: -1px}.class-img{display:block;height:170px;width:auto;max-width:100%;object-fit:contain;object-position:center center;margin:0 auto .75rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));transform:translate(var(--class-offset-x),var(--class-offset-y));transition:transform .3s}.class-card:hover .class-img{transform:translate(var(--class-offset-x),calc(var(--class-offset-y) - 5px)) scale(1.07)}.class-emoji{font-size:4.5rem;display:block;height:170px;line-height:170px;margin-bottom:.75rem;filter:drop-shadow(0 0 18px rgba(176,109,255,.6));transition:transform .3s}.class-card:hover .class-emoji{transform:scale(1.07) translateY(-5px)}.class-name{font-family:Spectral,Georgia,Times New Roman,serif;font-size:.95rem;font-weight:700;color:var(--gold-soft);margin-bottom:.25rem;letter-spacing:.05em}.class-role{font-size:.78rem;color:#ffffff80;letter-spacing:.05em;text-transform:uppercase}.steps-section{padding:5rem 2rem;position:relative;z-index:1}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:960px;margin:0 auto;position:relative}.step{text-align:center;padding:2rem 1.25rem}.step-number{width:56px;height:56px;margin:0 auto 1.1rem;border-radius:50%;background:linear-gradient(135deg,#7b2fff,#e040fb);display:flex;align-items:center;justify-content:center;font-family:Spectral,Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:900;color:#fff;box-shadow:0 0 24px #7b2fff99}.step-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;color:var(--gold-soft);margin-bottom:.5rem}.step-desc{font-size:.88rem;color:#ffffff8c;line-height:1.65}.step-desc a,.download-desc a{color:var(--gold);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,215,0,.45)}.step-desc a:hover,.download-desc a:hover{color:#fff8e7;border-bottom-color:#fff8e7}.cta-section{position:relative;z-index:1;padding:5rem 2rem;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(123,47,255,.2),transparent)}.cta-box{max-width:600px;margin:0 auto;background:#ffffff0a;border:1px solid rgba(176,109,255,.3);border-radius:2rem;padding:3rem 2rem;backdrop-filter:blur(12px)}.cta-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:#fff;margin-bottom:.75rem;line-height:1.2}.cta-text{color:#fff9;font-size:1rem;margin-bottom:2rem;line-height:1.6}footer{position:relative;z-index:1;padding:2rem;border-top:1px solid rgba(176,109,255,.15);text-align:center;color:#ffffff59;font-size:.82rem;line-height:2}footer a{color:#b06dffb3;text-decoration:none}footer a:hover{color:var(--purple-glow)}.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.75rem}.discord-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:99;display:flex;align-items:center;gap:.65rem;background:#5865f2;color:#fff;text-decoration:none;font-weight:800;font-size:.9rem;padding:.7rem 1.2rem .7rem .85rem;border-radius:3rem;box-shadow:0 6px 30px #5865f28c;transition:all .25s;animation:discord-bounce 3s ease-in-out infinite}.discord-float:hover{background:#4752c4;transform:translateY(-4px) scale(1.04);box-shadow:0 12px 40px #5865f2bf}.discord-float svg{width:22px;height:22px;flex-shrink:0}@keyframes discord-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.discord-float:hover{animation:none}.modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:200;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.modal-overlay.open{display:flex}.modal-terms{background:linear-gradient(145deg,#1a0040,#0d0020);border:1px solid rgba(176,109,255,.4);border-radius:1.5rem;padding:2.25rem 2rem;max-width:620px;width:92%;max-height:80vh;overflow-y:auto;position:relative}.modal-terms::-webkit-scrollbar{width:5px}.modal-terms::-webkit-scrollbar-track{background:transparent}.modal-terms::-webkit-scrollbar-thumb{background:#b06dff4d;border-radius:4px}.terms-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:700;color:var(--gold-soft);margin-bottom:1.5rem;text-align:center}.terms-body h3{font-family:Spectral,Georgia,Times New Roman,serif;font-size:.9rem;color:var(--purple-glow);margin:1.25rem 0 .4rem}.terms-body p{font-size:.85rem;color:#ffffff8c;line-height:1.7}.modal-close-btn{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:#ffffff59;font-size:1.3rem;cursor:pointer;transition:color .2s;line-height:1}.modal-close-btn:hover{color:#fff}.terms-accept{margin-top:1.5rem;text-align:center}.btn-terms-close{display:inline-block;padding:.7rem 2rem;border-radius:2rem;border:none;background:linear-gradient(135deg,#7b2fff,#e040fb);color:#fff;font-family:Nunito,sans-serif;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .25s;box-shadow:0 0 20px #7b2fff59}.btn-terms-close:hover{transform:translateY(-2px);box-shadow:0 0 35px #e040fb80}.orb{position:absolute;border-radius:50%;pointer-events:none;animation:orb-float 6s ease-in-out infinite alternate}@keyframes orb-float{0%{transform:translateY(0) rotate(0);opacity:.6}to{transform:translateY(-30px) rotate(180deg);opacity:1}}.download-section{position:relative;z-index:1;padding:5rem 2rem;background:linear-gradient(180deg,#0d0020,#1a0040,#0d0020)}.download-hero{max-width:860px;margin:0 auto}.download-card{background:linear-gradient(135deg,#2d0060b3,#0d0020e6);border:1px solid rgba(176,109,255,.35);border-radius:2rem;padding:3rem 2.5rem;display:flex;align-items:center;gap:2.5rem;margin-bottom:2.5rem;backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.download-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(123,47,255,.15),transparent 65%);pointer-events:none}.download-card:hover{border-color:#b06dff99;box-shadow:0 20px 60px #7b2fff40}.download-card-flash{border-color:#ffd70052;background:linear-gradient(145deg,#40240073,#2d0060b8)}.download-card-disabled{border-color:#a0a0a047;background:linear-gradient(145deg,#3c3c4666,#141423b8);opacity:.78}.download-card-disabled .download-icon-wrap{background:linear-gradient(135deg,#555,#777);box-shadow:none;animation:none;filter:grayscale(1)}.download-icon-wrap{flex-shrink:0;width:100px;height:100px;border-radius:1.5rem;background:linear-gradient(135deg,#7b2fff,#e040fb);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 0 40px #7b2fff80;animation:icon-pulse 3s ease-in-out infinite}.download-info{flex:1}.download-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:900;color:var(--gold-soft);margin-bottom:.4rem;letter-spacing:.04em}.download-version{font-size:.78rem;font-weight:700;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.download-desc{font-size:.95rem;color:#fff9;line-height:1.65;margin-bottom:1.25rem}.download-meta{display:flex;gap:1.25rem;flex-wrap:wrap}.download-meta span{font-size:.8rem;color:#fff6;display:flex;align-items:center;gap:.3rem}.btn-download{flex-shrink:0;display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2rem;border-radius:3rem;font-weight:800;font-size:1rem;font-family:Nunito,sans-serif;cursor:pointer;text-decoration:none;border:none;background:linear-gradient(135deg,gold,#ff8c00);color:#1a0040;box-shadow:0 0 30px #ffd70066,0 4px 20px #0000004d;transition:all .25s;white-space:nowrap}.btn-download:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 50px #ffd700a6,0 8px 30px #0000004d}.btn-download-disabled,.btn-download-disabled:hover{color:#ffffff8c;background:linear-gradient(135deg,#555,#777);box-shadow:none;cursor:not-allowed;pointer-events:none;opacity:.55;transform:none}.download-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.download-feature{background:#ffffff0a;border:1px solid rgba(176,109,255,.18);border-radius:1.1rem;padding:1.25rem;display:flex;align-items:flex-start;gap:.85rem;transition:all .3s}.download-feature:hover{border-color:#b06dff66;background:#7b2fff14;transform:translateY(-3px)}.df-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.df-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:.88rem;font-weight:700;color:var(--gold-soft);margin-bottom:.25rem}.df-desc{font-size:.82rem;color:#ffffff80;line-height:1.5}@media(max-width:768px){.char{display:none}nav{padding:.75rem 1.25rem}.nav-links a:not(.btn-entrar){display:none}.download-card{flex-direction:column;text-align:center}.download-meta{justify-content:center}.btn-download{width:100%;justify-content:center}}