:root{--radius: .625rem;--dark-blue: #0a0e27;--deep-purple: #1a1b3d;--bright-purple: #5865F2;--royal-purple: #7289DA;--gold: #FFD700;--bright-gold: #FFC700;--electric-yellow: #fbbf24;--light-cyan: #67e8f9;--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFC700 100%);--gradient-purple: linear-gradient(135deg, #5865F2 0%, #7289DA 100%);--gradient-dark: linear-gradient(180deg, #0a0e27 0%, #1a1b3d 100%);--glass-bg: rgba(26, 27, 61, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--background: #0a0e27;--surface: rgba(26, 27, 61, .6);--surface-light: #2a2d5a;--text-primary: #ffffff;--text-secondary: #b8b9d4;--border: rgba(88, 101, 242, .3);--success: #2ecc71;--warning: #ffc107;--error: #ef4444;--blur-amount: 20px;--border-radius: 16px;--transition-speed: .4s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--dark-blue);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 20%,rgba(88,101,242,.15) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(114,137,218,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,215,0,.05) 0%,transparent 70%),var(--gradient-dark);z-index:-2;pointer-events:none;animation:parallaxGlow 20s ease-in-out infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/pokemon-background-CIjY0Wqb.jpg) center/cover no-repeat;opacity:.08;z-index:-3;pointer-events:none;animation:subtleZoom 30s ease-in-out infinite}@keyframes parallaxGlow{0%,to{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.05) translateY(-10px);opacity:.9}}@keyframes subtleZoom{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.App{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;padding:1rem 2rem 0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;max-width:1200px;margin:0 auto;background:#1a1b3dd9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:50px;box-shadow:0 8px 32px #0006,0 0 80px #5865f226;border:1px solid rgba(255,255,255,.15);position:relative;transition:all .3s ease}.navbar:hover{box-shadow:0 12px 40px #00000080,0 0 100px #5865f240}.menu-toggle{display:none;background:none;border:none;color:var(--electric-yellow);font-size:2rem;cursor:pointer;z-index:1000}.nav-left{display:flex;align-items:center;gap:1rem}.nav-brand{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--gold);cursor:pointer;transition:all .3s ease}.nav-brand:hover{transform:scale(1.05)}.nav-brand span{font-family:Outfit,sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:.5px}.nav-logo{width:45px;height:45px;border-radius:50%;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 10px rgba(88,101,242,.6))}50%{filter:drop-shadow(0 0 20px rgba(88,101,242,1))}}.nav-right-group{display:flex;align-items:center;gap:1rem}.social-icons-header{display:flex;gap:.5rem;align-items:center}.social-icon-header{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.social-icon-header img{width:20px;height:20px;filter:brightness(.9)}.social-icon-header:hover{background:#ffd70026;border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.social-icon-header:hover img{filter:brightness(1.2)}.nav-links{display:flex;gap:.5rem;align-items:center;flex:1;justify-content:center;margin:0 2rem}.nav-links button{background:none;border:none;color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.95rem;font-weight:600;white-space:nowrap}.nav-links button:hover{background:#ffd7001a;color:var(--gold);transform:translateY(-1px)}.nav-links button.active{background:#5865f233;color:var(--gold);border:1px solid rgba(255,215,0,.3)}.main-content{flex:1;padding:0;max-width:1400px;margin:0 auto;width:100%}.hero-section{text-align:center;padding:2rem 2rem 4rem}.hero-content{max-width:100%;margin:0 auto}.hero-logo{width:140px;height:140px;margin-bottom:1.5rem;filter:drop-shadow(0 10px 30px rgba(255,215,0,.4));animation:heroFloat 3s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3rem;font-weight:900;margin-bottom:1rem;color:var(--gold);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,215,0,.3);animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:2rem;color:var(--text-primary);margin-bottom:2.5rem;font-weight:600;animation:fadeInUp 1s ease-out;text-shadow:0 2px 10px rgba(0,0,0,.5)}.server-status{margin:3rem 0}.status-card{background:var(--bg-dark-main);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #000000b3,0 0 0 1px #3b4cca4d,inset 0 1px #ffffff0d;transition:all .3s ease}.status-card:hover{box-shadow:0 12px 40px #3b4cca99,0 0 0 1px #3b4cca80,inset 0 1px #ffffff14;transform:translateY(-5px)}.status-card h3{color:var(--electric-yellow);margin-bottom:1rem;font-size:1.5rem}.status-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.status-online{color:var(--success);font-weight:700}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:fadeInUp 1.2s ease-out}.btn-primary,.btn-secondary{padding:1.2rem 3rem;border:none;border-radius:12px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #0006}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.btn-primary:hover:before,.btn-secondary:hover:before{transform:translate(100%)}.btn-primary{background:var(--gradient-gold);color:var(--dark-blue);box-shadow:0 8px 25px #ffd70080,0 0 40px #ffd7004d}.btn-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #ffd70099,0 0 60px #ffd70066}.btn-secondary{background:var(--gradient-purple);color:#fff;box-shadow:0 8px 25px #5865f280,0 0 40px #5865f24d}.btn-secondary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #5865f299,0 0 60px #5865f266}.ranking-section{max-width:800px;margin:0 auto}.ranking-section h2{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:var(--electric-yellow)}.ranking-list{display:flex;flex-direction:column;gap:1rem}.ranking-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.ranking-item:hover{transform:translateY(-2px);box-shadow:0 10px 40px #60a5fa4d;border-color:var(--accent-blue)}.rank{font-size:1.5rem;font-weight:700;color:var(--electric-yellow);min-width:3rem}.player-info{display:flex;flex-direction:column;gap:.25rem}.player-name{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.player-details{color:var(--text-secondary);font-size:.9rem}.clans-section{text-align:center}.clans-section h2{margin-bottom:1rem;font-size:2.5rem;color:var(--electric-yellow)}.clans-section p{margin-bottom:3rem;font-size:1.2rem;color:var(--text-secondary)}.clans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.clan-card{background:var(--surface);border:2px solid;border-radius:var(--radius);padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.clan-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 60px #00000080}.clan-icon{font-size:3rem;margin-bottom:1rem}.clan-card h3{font-size:1.5rem;margin-bottom:.5rem}.professions-section{text-align:center}.professions-section h2{margin-bottom:1rem;font-size:2.5rem;color:var(--electric-yellow)}.professions-section p{margin-bottom:3rem;font-size:1.2rem;color:var(--text-secondary)}.professions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.profession-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;transition:all .3s ease}.profession-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #60a5fa33;border-color:var(--accent-blue)}.profession-icon{font-size:3rem;margin-bottom:1rem}.profession-card h3{color:var(--accent-blue);margin-bottom:1rem;font-size:1.5rem}.donation-section{max-width:700px;margin:0 auto;padding:2rem}.donation-section h2{text-align:center;margin-bottom:1rem;font-size:2.8rem;color:var(--gold);font-weight:800;text-shadow:0 0 30px rgba(255,215,0,.3)}.donation-section>p{text-align:center;margin-bottom:2.5rem;font-size:1.2rem;color:var(--text-secondary)}.donation-info{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--glass-shadow)}.bonus-info h3{color:var(--gold);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.bonus-info ul{list-style:none;padding:0}.bonus-info li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-secondary);line-height:1.6}.bonus-info li:last-child{border-bottom:none}.donation-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--glass-shadow)}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.75rem;color:var(--text-primary);font-weight:600;font-size:1rem}.form-group input{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0000004d;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffd70026;background:#0006}.points-preview{margin-top:.5rem;color:var(--electric-yellow);font-weight:700}.payment-result{background:var(--surface);border:1px solid var(--success);border-radius:var(--radius);padding:2rem;text-align:center}.payment-result h3{color:var(--success);margin-bottom:1.5rem}.payment-info{margin-bottom:2rem}.payment-info p{margin-bottom:.5rem}.qr-code-section{margin:2rem 0}.qr-code-section h4{color:var(--electric-yellow);margin-bottom:1rem}.qr-code{max-width:200px;height:auto;border:2px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.pix-copy-paste{margin:2rem 0}.pix-copy-paste h4{color:var(--electric-yellow);margin-bottom:1rem}.copy-paste-container{display:flex;gap:.5rem}.pix-code{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--text-primary);font-family:monospace;font-size:.9rem}.btn-copy{padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .3s ease}.btn-copy:hover{background:var(--secondary-blue);transform:translateY(-1px)}.download-section{text-align:center;padding:2rem;max-width:900px;margin:0 auto}.download-section h2{margin-bottom:1rem;font-size:2.8rem;color:var(--gold);font-weight:800;text-shadow:0 0 30px rgba(255,215,0,.3)}.download-section>p{margin-bottom:3rem;font-size:1.2rem;color:var(--text-secondary)}.download-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.download-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.download-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold);transform:scaleX(0);transition:transform .3s ease}.download-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #ffd70066;border-color:var(--gold)}.download-card:hover:before{transform:scaleX(1)}.download-card h3{color:var(--gold);margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.download-card p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.6}.server-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:400px;margin:0 auto}.server-info h3{color:var(--electric-yellow);margin-bottom:1rem;text-align:center}.connection-info p{margin-bottom:.5rem;font-family:monospace}.footer{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-top:1px solid var(--glass-border);margin-top:4rem;box-shadow:0 -10px 40px #0000004d}.footer-content{max-width:1400px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer-section{min-width:0}.footer-section:first-child{display:flex;flex-direction:column;gap:1rem}.footer-section h4{color:var(--gold);margin-bottom:1.25rem;font-size:1.3rem;font-weight:700}.footer-section p{color:var(--text-secondary);line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.75rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.footer-section a:hover{color:var(--gold);transform:translate(5px)}.footer-social-links{display:flex;gap:1rem;align-items:center}.footer-social-links img{width:40px;height:40px;transition:all .3s ease;filter:grayscale(50%)}.footer-social-links img:hover{transform:scale(1.15) translateY(-3px);filter:grayscale(0%) drop-shadow(0 5px 15px rgba(88,101,242,.5))}.footer-bottom{border-top:1px solid var(--glass-border);padding:1.5rem 2rem;text-align:center;color:var(--text-secondary);background:#0003}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:50px;height:50px;border:4px solid var(--surface-light);border-top:4px solid var(--electric-yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn .3s ease-out}.modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius)}.modal-close{position:absolute;top:-50px;right:0;background:var(--electric-yellow);color:var(--dark-purple);border:none;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-weight:700}.modal-close:hover{transform:scale(1.1) rotate(90deg);background:var(--accent-blue)}@media (max-width: 968px){.header{padding:.5rem 1rem}.navbar{padding:.75rem 1rem;border-radius:35px;flex-wrap:wrap}.menu-toggle{display:block;order:2}.nav-brand{order:1}.nav-right-group{order:3;gap:.5rem}.social-icons-header{gap:.3rem}.social-icon-header{width:32px;height:32px}.social-icon-header img{width:18px;height:18px}.music-toggle-btn{width:32px;height:32px;font-size:.9rem}.nav-links{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:#1a1b3df2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);flex-direction:column;padding:1rem;border-radius:20px;box-shadow:0 10px 30px #00000080;z-index:999;border:1px solid rgba(255,255,255,.15);margin:0;order:4;width:calc(100% - 2rem)}.nav-links.mobile-open{display:flex}.nav-links button{width:100%;text-align:center;padding:.75rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.3rem}.hero-logo{width:100px;height:100px}.main-content{padding:0}.btn-primary,.btn-secondary{font-size:1.1rem;padding:1rem 2rem}.status-info{flex-direction:column;gap:1rem}.cta-buttons{flex-direction:column;align-items:stretch;padding:0 1rem}.form-row{grid-template-columns:1fr}.copy-paste-container{flex-direction:column}.clans-grid,.professions-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section a,.footer-social-links{justify-content:center}.action-buttons-section{flex-direction:column;padding:1rem}.action-btn{width:100%}}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ranking-item,.clan-card,.profession-card,.download-card{animation:fadeIn .6s ease-out}.nav-links button,.btn-primary,.btn-secondary,.clan-card,.profession-card{position:relative;overflow:hidden}.nav-links button:before,.btn-primary:before,.btn-secondary:before,.clan-card:before,.profession-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-links button:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before,.clan-card:hover:before,.profession-card:hover:before{left:100%}.carousel-container{width:100%;position:relative}.carousel{position:relative;overflow:hidden;border-radius:var(--border-radius);box-shadow:0 15px 50px #0009,0 0 80px #5865f233;height:480px;transition:all .4s ease;border:1px solid var(--glass-border)}.carousel:hover{box-shadow:0 20px 60px #000000b3,0 0 100px #5865f24d;transform:translateY(-5px)}.carousel-track{display:block;position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:var(--background)}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.carousel-indicator.active{background:var(--electric-yellow);border-color:var(--electric-yellow)}.carousel-indicator:hover{border-color:#fffc}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:3rem;padding:1rem 1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;border-radius:var(--radius);line-height:1}.carousel-control:hover{background:#fbbf24cc;transform:translateY(-50%) scale(1.1)}.carousel-control.prev{left:1rem}.carousel-control.next{right:1rem}.status-indicator{font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius);background:#10b9811a;border:1px solid var(--success)}.status-indicator.offline{background:#ef44441a;border-color:var(--error)}@media (max-width: 768px){.carousel{height:250px}.carousel-control{font-size:2rem;padding:.5rem 1rem}.carousel-control.prev{left:.5rem}.carousel-control.next{right:.5rem}}.home-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;padding:0 2rem 2rem;animation:fadeInUp 1.4s ease-out}.carousel-section{position:relative}.carousel-section h3{font-size:1.8rem;color:var(--gold);margin-bottom:1.5rem;text-align:left;font-weight:700}.news-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.news-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold)}.news-section h3{font-size:1.8rem;color:var(--gold);margin-bottom:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.news-container{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.news-container::-webkit-scrollbar{width:6px}.news-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.news-container::-webkit-scrollbar-thumb{background:var(--gradient-purple);border-radius:10px}.news-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.news-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-purple);transform:scaleY(0);transition:transform .3s ease}.news-item:hover{transform:translate(8px) scale(1.02);background:#ffffff14;box-shadow:0 8px 25px #5865f24d}.news-item:hover:before{transform:scaleY(1)}.news-date{font-size:.85rem;color:var(--gold);margin-bottom:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.news-item h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.news-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 968px){.home-layout{grid-template-columns:1fr;padding:0 1rem 2rem}.news-section{max-height:400px}}.action-buttons-section{display:flex;gap:2rem;justify-content:center;padding:2rem 2rem 4rem;flex-wrap:wrap}.action-btn{padding:1.2rem 3rem;border:none;border-radius:14px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;min-width:250px;box-shadow:0 10px 30px #00000080}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.action-btn:hover:before{transform:translate(100%)}.action-btn-download{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;box-shadow:0 10px 30px #5865f280,0 0 50px #5865f24d}.action-btn-download:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 15px 40px #5865f299,0 0 70px #5865f266}.action-btn-faq{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;box-shadow:0 10px 30px #7c3aed80,0 0 50px #7c3aed4d}.action-btn-faq:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 15px 40px #7c3aed99,0 0 70px #7c3aed66}.faq-section{max-width:900px;margin:0 auto;padding:2rem}.faq-section h2{text-align:center;margin-bottom:1rem;font-size:2.8rem;color:var(--gold);font-weight:800;text-shadow:0 0 30px rgba(255,215,0,.3)}.faq-section>p{text-align:center;margin-bottom:3rem;font-size:1.2rem;color:var(--text-secondary)}.faq-container{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.faq-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-purple);transform:scaleX(0);transition:transform .3s ease}.faq-item:hover{transform:translateY(-8px);box-shadow:0 15px 40px #5865f266;border-color:var(--bright-purple)}.faq-item:hover:before{transform:scaleX(1)}.faq-item h3{color:var(--gold);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.faq-item p{color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.payment-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.whatsapp-btn{max-width:250px;text-align:center}.music-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem;padding:0}.music-toggle-btn-old{background:none;border:2px solid var(--electric-yellow);color:var(--text-secondary)}.music-toggle-btn:hover{background:#ffd70026;border-color:var(--gold);color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.music-toggle-btn:active{transform:translateY(-1px) scale(.95)}.footer-social-links{display:flex;gap:1rem;justify-content:flex-end;align-items:center}.footer-social-links img{width:30px;height:30px;transition:transform .3s ease}.footer-social-links img:hover{transform:scale(1.2)}@media (max-width: 768px){.footer-social-links{justify-content:center;margin-top:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-light) 100%);border-radius:1rem;padding:1.5rem;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.qr-code-modal{text-align:center}.qr-code-modal h3{color:var(--success);margin-bottom:1.5rem;font-size:1.5rem}.qr-code-modal .payment-info{background:#0000004d;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.qr-code-modal .qr-code{max-width:200px;width:100%;margin:.5rem auto;display:block;border-radius:.5rem;box-shadow:0 4px 6px #0000004d}.qr-code-modal .copy-paste-container{display:flex;gap:.5rem;margin-top:1rem}.qr-code-modal .pix-code{flex:1;padding:.75rem;background:#0000004d;border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-family:monospace;font-size:.9rem}.qr-code-modal .btn-copy{padding:.75rem 1.5rem;background:var(--secondary-blue);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s;font-weight:600}.qr-code-modal .btn-copy:hover{background:var(--accent-blue);transform:translateY(-2px)}@media (max-width: 768px){.modal-content{padding:1.5rem;margin:1rem}.qr-code-modal .qr-code{max-width:250px}.qr-code-modal .copy-paste-container{flex-direction:column}}.payment-success-banner{background:linear-gradient(135deg,#10b981,#059669);padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem;animation:successPulse .5s ease-in-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.payment-success-banner h4{margin:0 0 .5rem;font-size:1.3rem;color:#fff}.payment-success-banner p{margin:0;color:#ffffffe6}.payment-waiting{background:#fbbf2433;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid var(--warning)}.payment-waiting p{margin:0;color:var(--warning);font-weight:600}.App:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(59,76,202,.4),transparent),radial-gradient(1px 1px at 50% 50%,rgba(94,114,228,.3),transparent),radial-gradient(1px 1px at 80% 10%,rgba(251,191,36,.3),transparent),radial-gradient(2px 2px at 90% 60%,rgba(103,232,249,.3),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 15% 85%,rgba(59,76,202,.3),transparent);background-size:200% 200%;background-position:0% 0%;animation:floatingParticles 20s ease-in-out infinite;pointer-events:none;z-index:-1;opacity:.6}@keyframes floatingParticles{0%,to{background-position:0% 0%;opacity:.5}25%{background-position:100% 50%;opacity:.7}50%{background-position:50% 100%;opacity:.6}75%{background-position:0% 50%;opacity:.8}}.App:after{content:"";position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(59,76,202,.15) 0%,transparent 70%);top:10%;left:15%;animation:floatingGlow 8s ease-in-out infinite;pointer-events:none;z-index:-1;filter:blur(60px)}@keyframes floatingGlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px,-30px) scale(1.2);opacity:.5}66%{transform:translate(-30px,40px) scale(.9);opacity:.4}}