:root{--color-primary: #00F0FF;--color-primary-hover: #00D1FF;--color-accent: #BF00FF;--color-secondary: #FF0055;--bg-base: #050510;--bg-surface: #0a0b1e;--bg-surface-hover: #131823;--text-main: #FFFFFF;--text-muted: #8A8DA4;--color-success: #00FF66;--color-error: #FF0055;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 32px;--border-subtle: rgba(255, 255, 255, .05);--border-glow: rgba(0, 240, 255, .5);--glass-bg: rgba(5, 5, 16, .82);--shadow-glow: 0 0 20px rgba(0, 240, 255, .5);--shadow-glow-accent: 0 0 20px rgba(191, 0, 255, .5);--shadow-card: 0 10px 40px rgba(0, 0, 0, .8);--hover-subtle: rgba(255, 255, 255, .05);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-game: "Orbitron", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 40% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 50% 16%,#fff,#0000),radial-gradient(1px 1px at 80% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 90% 80%,#fff,#0000),radial-gradient(1px 1px at 10% 90%,#fff,#0000);background-size:300px 300px;opacity:.2;z-index:-2;pointer-events:none}.main-grid-background{position:fixed;bottom:0;left:50%;width:300%;height:60%;background-image:linear-gradient(90deg,rgba(191,0,255,.15) 1px,transparent 1px),linear-gradient(0deg,rgba(191,0,255,.15) 1px,transparent 1px);background-size:60px 60px;transform:translate(-50%) perspective(500px) rotateX(60deg);z-index:-1;-webkit-mask-image:linear-gradient(to top,#000,#0000 90%);mask-image:linear-gradient(to top,#000,#0000 90%);animation:gridMove 10s linear infinite;pointer-events:none}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 60px}}body:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:40%;background:radial-gradient(ellipse at bottom,rgba(191,0,255,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-game);letter-spacing:1px}@media (max-width: 768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.95)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:0 4px 30px #0006}.gamer-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.gamer-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);box-shadow:var(--shadow-glow);opacity:0;transition:opacity .3s}.gamer-card:hover{border-color:#00f0ff33;transform:translateY(-2px)}.gamer-card:hover:after{opacity:1}.text-glow{color:var(--text-main);text-shadow:0 0 10px rgba(255,255,255,.2)}.text-primary-glow{color:var(--color-primary);text-shadow:0 0 10px rgba(0,240,255,.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitchPop{0%{transform:scale(.9) skew(5deg);opacity:0}50%{transform:scale(1.05) skew(-2deg);opacity:1;filter:drop-shadow(var(--shadow-glow))}to{transform:scale(1) skew(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.animate-pop{animation:glitchPop .4s ease-out forwards}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:#00f0ff1a;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:0 0 10px #00f0ff33 inset}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base);border-left:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:var(--shadow-glow)}main{padding:0 1rem;max-width:100%;overflow-x:hidden;width:100%}@media (min-width: 768px){main{padding:0 2rem}}@media (min-width: 1200px){main{padding:0 4rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--border-radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);transform:translate(-150%) skew(-15deg);transition:transform .4s;z-index:-1}.btn:hover:before{transform:translate(150%) skew(-15deg)}.btn:active{transform:scale(.95) translateY(2px)}.btn-primary{background-color:var(--color-primary);color:#0b0e14;box-shadow:4px 4px #00b4c866,var(--shadow-glow);border:1px solid rgba(255,255,255,.5)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:2px 2px #00b4c866,0 0 25px #00f0ff99}.btn-primary:active{box-shadow:0 0 0 transparent,0 0 10px #00f0ff99}.btn-secondary{background-color:var(--bg-surface);color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:4px 4px #00f0ff33}.btn-secondary:hover{background-color:#00f0ff1a;box-shadow:2px 2px #00f0ff33,inset 0 0 10px #00f0ff33}.btn-ghost{background-color:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--color-primary);text-shadow:0 0 8px rgba(0,240,255,.5);background-color:#ffffff0d}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-md{padding:.75rem 1.5rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.ofensiva-card{position:relative;padding:1.5rem;border-radius:var(--border-radius-lg);background:#0a0b1eb3!important;border:1px solid rgba(0,240,255,.2)!important;overflow:hidden;color:var(--text-main);z-index:1}.ofensiva-card.active{border-color:var(--color-primary)!important}.ofensiva-card.at_risk{border-color:var(--color-error)!important;animation:flicker 3s infinite}.ofensiva-card.broken{border-color:var(--text-muted)!important;opacity:.8}.ofensiva-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.flame-container{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px}.main-flame{color:var(--color-primary);filter:drop-shadow(0 0 8px rgba(0,240,255,.8));animation:flamePulse 1.5s ease-in-out infinite;z-index:2}.flame-glow{position:absolute;width:40px;height:40px;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);opacity:.4;filter:blur(10px);animation:glowRotate 4s linear infinite}.bolt-icon{position:absolute;bottom:5px;right:5px;color:var(--color-success);filter:drop-shadow(0 0 5px var(--color-success));z-index:3;animation:bounce 2s infinite}.streak-info{display:flex;flex-direction:column}.streak-label{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:800}.streak-count{font-size:2.5rem;font-weight:900;line-height:1;margin:4px 0;color:var(--text-main)}.streak-count small{font-size:.8rem;color:var(--color-primary)}.user-badge{font-size:.7rem;font-weight:800;color:var(--color-primary);background:#00f0ff1a;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content;border:1px solid rgba(0,240,255,.3)}.progress-section{margin-bottom:1rem}.progress-bar-container{position:relative;height:6px;background:#ffffff0d;border-radius:3px;margin-bottom:.5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:3px;transition:width 1s ease-out}.progress-glow{position:absolute;top:0;left:0;height:100%;width:20px;background:#fff;filter:blur(5px);opacity:.2;animation:sweep 3s linear infinite}.progress-labels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--text-muted)}.motivation-text{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:10px;border-radius:8px;margin-bottom:1rem}.motivation-text p{font-size:.8rem;color:var(--text-secondary);margin:0}.bonus-xp-container{display:flex;align-items:center;gap:8px;color:var(--color-success);font-weight:800;font-size:.85rem}.ofensiva-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.stat-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.risk-indicator{display:none;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:var(--color-error);text-transform:uppercase}.risk-indicator.active{display:flex}.pulse-dot{width:6px;height:6px;background:var(--color-error);border-radius:50%;box-shadow:0 0 10px var(--color-error);animation:dotPulse 1s infinite}.ofensiva-compact{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.3);border-radius:8px;color:#fff;cursor:default;transition:all .3s ease;box-shadow:inset 0 0 10px #00f0ff05}.ofensiva-compact:hover{background:#00f0ff1a;transform:translateY(-2px);box-shadow:0 4px 12px #00f0ff26}.ofensiva-compact .flame-icon{color:var(--color-primary);filter:drop-shadow(0 0 5px rgba(0,240,255,.6))}.ofensiva-compact.at_risk{background:#ff00550d;border-color:#f056;color:#fff;animation:flicker 4s infinite}.ofensiva-compact.at_risk .flame-icon{color:var(--color-error);filter:drop-shadow(0 0 5px rgba(255,0,85,.6))}.ofensiva-compact.broken{opacity:.6;filter:grayscale(1)}.ofensiva-compact .count{font-size:.95rem;font-weight:900;font-family:var(--font-game);letter-spacing:1px}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,240,255,.02) 51%);background-size:100% 4px;pointer-events:none}.corner{position:absolute;width:10px;height:10px;border:2px solid var(--color-primary);opacity:.5}.corner-tl{top:0;left:0;border-right:none;border-bottom:none}.corner-br{bottom:0;right:0;border-left:none;border-top:none}@keyframes flamePulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 15px rgba(0,240,255,1))}}@keyframes glowRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;transform:scale(1)}20%,24%,55%{opacity:.6;transform:scale(.98)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(500%)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid rgba(0,240,255,.15);background:#050510b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-container{max-width:100%;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;transition:all .3s;margin-left:-1rem}.header-logo:hover{filter:brightness(1.2);transform:scale(1.05)}.logo-img{height:85px;width:auto;filter:drop-shadow(0 0 15px rgba(0,240,255,.4))}.header-nav{display:none}@media (min-width: 1024px){.header-nav{display:flex;align-items:center;gap:1.1rem}}.nav-link{font-family:var(--font-game);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#fff;transition:all .3s;position:relative;padding:.5rem 0;opacity:.7;display:flex;align-items:center;gap:5px}.nav-link:hover{opacity:1;color:var(--color-primary);text-shadow:0 0 10px rgba(0,240,255,.8)}.header-actions{display:flex;align-items:center;gap:1rem}.header-profile-section{display:flex;align-items:center;gap:.8rem}.header-badge{display:flex;align-items:center;padding:.4rem .8rem;background:linear-gradient(135deg,#0a0b1ecc,#14162dcc);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-width:140px}.header-badge:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .5s}.header-badge:hover:before{transform:translate(100%)}.header-badge:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d;filter:brightness(1.1)}.badge-name{font-size:.95rem;font-weight:900;color:#fff;line-height:1.1;margin-bottom:.15rem;font-family:var(--font-game);letter-spacing:.5px}.badge-rank{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;opacity:.9}@media (max-width: 480px){.header-badge{min-width:auto;padding:.3rem .6rem}.badge-rank{display:none}}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.mobile-menu-toggle:hover{background:#00f0ff1a;color:var(--color-primary)}@media (min-width: 1024px){.mobile-menu-toggle{display:none}}.header-nav.mobile-open{display:flex;position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#050510f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;gap:1.5rem;z-index:1000;border-top:1px solid rgba(0,240,255,.15);animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-footer{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.mobile-logout-btn{width:100%;justify-content:center!important;color:var(--color-error)!important}.nav-icon{display:inline-flex;opacity:.8}.desktop-only{display:none}@media (min-width: 1024px){.desktop-only{display:flex}.header-nav.mobile-open{position:static;display:flex;flex-direction:row;padding:0;width:auto;height:auto;background:none;border:none;animation:none}}.auth-buttons{display:flex;align-items:center;gap:.75rem}.donate-link{color:#f05!important;font-weight:800!important}.donate-link:hover{text-shadow:0 0 15px rgba(255,0,85,.8)!important}.donate-link .nav-icon{animation:heartBeat 2s infinite}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width: 480px){.header-container{padding:.5rem 1rem}.logo-img{height:50px}.badge-rank{display:none}}.landing-page{display:flex;flex-direction:column}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem}.hero-content{max-width:900px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-badge{display:inline-flex;padding:.5rem 1.5rem;background-color:#bf00ff1a;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:800;font-family:var(--font-game);box-shadow:var(--shadow-glow-accent);margin-bottom:1rem}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,255,255,.1)}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 15px rgba(0,240,255,.5))}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.2rem);color:var(--text-muted);max-width:700px;line-height:1.8;font-weight:500}.hero-actions{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.features{padding:5rem 1.5rem;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card{padding:2.5rem 2rem;border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1rem;transition:all .3s;background-color:var(--bg-surface);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:var(--color-primary);box-shadow:var(--shadow-glow);opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-5px);border-color:#00f0ff4d;box-shadow:0 10px 30px #00000080}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#00f0ff0d;color:var(--color-primary);border-radius:var(--border-radius-sm);border:1px solid rgba(0,240,255,.2);margin-bottom:.5rem;box-shadow:inset 0 0 10px #00f0ff1a}.feature-card h3{font-size:1.3rem;font-weight:800;font-family:var(--font-game);color:var(--text-main);text-transform:uppercase}.feature-card p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.sidebar{width:280px;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:1.5rem;display:flex;flex-direction:column;gap:2rem;height:calc(100vh - 65px);position:sticky;top:65px;overflow-y:auto;box-shadow:4px 0 15px #0000004d}@media (max-width: 768px){.sidebar{display:none}}.sidebar-section{display:flex;flex-direction:column;gap:1rem}.sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);opacity:.8;font-weight:800;font-family:var(--font-game);margin-bottom:.5rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.8rem;color:var(--text-muted);font-weight:600}.filter-select{background-color:var(--bg-base);border:1px solid var(--border-subtle);color:var(--text-main);padding:.6rem;border-radius:var(--border-radius-sm);outline:none;font-family:inherit;font-size:.9rem;transition:all .2s}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 10px #00f0ff33}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{padding:.6rem 1rem;border-radius:var(--border-radius-sm);font-size:.875rem;cursor:pointer;color:var(--text-muted);transition:all .2s;border-left:2px solid transparent}.sidebar-item:hover{background-color:var(--hover-subtle);color:var(--text-main);border-left-color:var(--border-subtle)}.sidebar-item.active{background-color:#00f0ff14;color:var(--color-primary);font-weight:700;border-left-color:var(--color-primary);box-shadow:inset 4px 0 10px #00f0ff0d}.dashboard-stats{margin-top:auto;gap:.5rem}.sidebar-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-base);border-radius:var(--border-radius-sm);border:1px solid var(--border-subtle);margin-bottom:.5rem}.sidebar-stat-card .stat-icon{color:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary))}.sidebar-stat-card .stat-icon.success{color:var(--color-success);filter:drop-shadow(0 0 5px var(--color-success))}.stat-text{display:flex;flex-direction:column}.stat-text span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.stat-text strong{font-size:1.1rem;color:var(--text-main);font-family:var(--font-game)}.question-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);box-shadow:var(--shadow-glow)}.qc-header{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px dashed rgba(255,255,255,.1)}.qc-meta{display:flex;flex-wrap:wrap;gap:.5rem}.qc-tags{font-size:.8rem;color:var(--color-primary);opacity:.9;font-family:var(--font-game);letter-spacing:.05em;text-transform:uppercase}.qc-body{display:flex;flex-direction:column;gap:1.5rem}.qc-text{font-size:1.15rem;line-height:1.7;white-space:pre-wrap;color:var(--text-main);text-shadow:0 0 1px rgba(255,255,255,.1)}.qc-options{display:flex;flex-direction:column;gap:.75rem}.qc-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);background-color:#ffffff05;color:var(--text-main);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.qc-option:not(:disabled):hover{background-color:#00f0ff0d;border-color:var(--color-primary);box-shadow:inset 0 0 10px #00f0ff0d;transform:translate(4px)}.qc-option.selected{border-color:var(--color-primary);background-color:#00f0ff1a;box-shadow:0 0 15px #00f0ff26,inset 0 0 10px #00f0ff1a}.qc-option.correct{border-color:var(--color-success);background-color:#00ff661f;box-shadow:0 0 20px #0f63,inset 0 0 15px #00ff661a}.qc-option.incorrect{border-color:var(--color-error);background-color:#ff00551f;box-shadow:0 0 20px #f053,inset 0 0 15px #ff00551a;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.qc-option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#0b0e14;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);font-weight:800;font-family:var(--font-game);font-size:.95rem;flex-shrink:0;transition:all .2s}.qc-option.selected .qc-option-letter{background-color:var(--color-primary);border-color:var(--color-primary);color:#0b0e14;box-shadow:0 0 10px var(--color-primary)}.qc-option.correct .qc-option-letter{background-color:var(--color-success);border-color:var(--color-success);color:#0b0e14;box-shadow:0 0 15px var(--color-success)}.qc-option.incorrect .qc-option-letter{background-color:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:0 0 15px var(--color-error)}.qc-option-text{flex-grow:1;font-size:1rem}.icon-correct{color:var(--color-success);filter:drop-shadow(0 0 5px var(--color-success))}.icon-error{color:var(--color-error);filter:drop-shadow(0 0 5px var(--color-error))}.qc-footer{display:flex;justify-content:flex-end;min-height:40px}.qc-result{flex-grow:1;padding:1.25rem;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:1rem;animation:glitchPop .3s ease-out forwards}.result-success{background-color:#00ff660d;border:1px solid rgba(0,255,102,.2);box-shadow:0 0 20px #00ff661a inset}.result-success .result-header{color:var(--color-success);text-shadow:0 0 8px rgba(0,255,102,.5)}.result-error{background-color:#ff00550d;border:1px solid rgba(255,0,85,.2);box-shadow:0 0 20px #ff00551a inset}.result-error .result-header{color:var(--color-error);text-shadow:0 0 8px rgba(255,0,85,.5)}.result-header{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-family:var(--font-game);text-transform:uppercase}.result-comment{font-size:.95rem;color:var(--text-main);background-color:#0003;padding:1.2rem;border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary);line-height:1.6}.result-comment strong{display:block;margin-bottom:.5rem;color:var(--color-primary);font-family:var(--font-game);text-transform:uppercase;letter-spacing:.05em}.mt-4{margin-top:1rem}.comments-area{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:1.5rem}.comment-form{display:flex;gap:.5rem}.comment-form input{flex-grow:1;padding:.75rem 1rem;background-color:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-main);outline:none;font-family:inherit;transition:all .2s}.comment-form input:focus{border-color:var(--color-primary);box-shadow:inset 0 0 5px #00f0ff33}.comments-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.comment-bubble{display:flex;gap:1rem;padding:1rem;background-color:#ffffff05;border-radius:var(--border-radius-sm);border-left:2px solid var(--color-accent)}.comment-avatar{width:40px;height:40px;border-radius:var(--border-radius-sm);background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-game);font-size:1.1rem;flex-shrink:0;box-shadow:var(--shadow-glow-accent)}.comment-content{display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.comment-meta{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.comment-meta strong{color:var(--color-primary);font-family:var(--font-game)}.comment-meta span{color:var(--text-muted)}.difficulty-badge{text-transform:uppercase;font-weight:800;font-size:.7rem}.difficulty-fácil{background:#10b9811a!important;color:#10b981!important;border-color:#10b98133!important}.difficulty-médio{background:#f59e0b1a!important;color:#f59e0b!important;border-color:#f59e0b33!important}.difficulty-difícil{background:#ef44441a!important;color:#ef4444!important;border-color:#ef444433!important;box-shadow:0 0 10px #ef444433}.subject-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.subject-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 35px #8b5cf626}.subject-card-icon{width:56px;height:56px;background:#8b5cf614;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s ease}.subject-card:hover .subject-card-icon{background:var(--primary);color:#fff;transform:scale(1.1)}.subject-card-info{flex:1}.subject-card-info h3{margin:0 0 .25rem;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.subject-card-count{font-size:.85rem;color:var(--text-muted);font-weight:500}.subject-card-arrow{color:var(--text-muted);opacity:.3;transition:all .3s ease}.subject-card:hover .subject-card-arrow{opacity:1;color:var(--primary);transform:translate(5px)}.subject-card.select-all{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(139,92,246,.05) 100%);border-color:#8b5cf64d}.subject-card.select-all .subject-card-icon{background:var(--primary);color:#fff}.dashboard-layout{display:flex;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.dashboard-content{flex:1;min-width:0}.dashboard-grid-view{max-width:1200px;margin:0 auto;padding:3rem 2rem}.grid-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.grid-title h1{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grid-title p{color:var(--text-secondary);font-size:1.1rem;margin:0}.grid-stats-mini{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);padding:.75rem 1.25rem;border-radius:50px;border:1px solid var(--border-color);font-size:.9rem;font-weight:600;color:var(--text-primary)}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.empty-area{text-align:center;padding:5rem 2rem;color:var(--text-muted)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.question-counter{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.question-container{margin-bottom:2rem}.dashboard-pagination{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}@media (max-width: 768px){.dashboard-layout{flex-direction:column;padding:1rem}.dashboard-grid-view{padding:1.5rem 1rem}.grid-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem}.grid-title h1{font-size:1.8rem}.grid-stats-mini{width:100%;justify-content:center}.subjects-grid{grid-template-columns:1fr}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:1.5rem}.auth-card{width:100%;max-width:440px;padding:3rem 2.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);text-align:center;position:relative;overflow:hidden;animation:animate-pop .4s ease-out}.auth-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--color-primary);box-shadow:var(--shadow-glow)}.auth-card h2{font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-game);margin-bottom:.5rem;color:var(--text-main)}.auth-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.input-group{display:flex;flex-direction:column;gap:.6rem}.input-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);opacity:.9}.input-group input{width:100%;padding:.85rem 1.2rem;background-color:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .2s;outline:none}.input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 15px #00f0ff26;background-color:#ffffff05}.w-full{width:100%;margin-top:1rem}.auth-error{background-color:#ff00551a;color:var(--color-error);padding:.75rem 1rem;border-radius:var(--border-radius-sm);border:1px solid rgba(255,0,85,.2);margin-bottom:1.5rem;font-size:.875rem;font-weight:600;text-align:center}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.text-primary{color:var(--color-primary);font-weight:800;text-shadow:0 0 8px rgba(0,240,255,.3)}.text-primary:hover{text-decoration:none;color:var(--color-primary-hover);text-shadow:0 0 12px rgba(0,240,255,.5)}.auth-split-wrapper{display:flex;min-height:calc(100vh - 80px);max-width:1200px;margin:0 auto;align-items:center;justify-content:center;padding:2rem;gap:4rem}.auth-showcase{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:2rem}.showcase-badge{display:inline-flex;align-items:center;gap:.5rem;background:#00f0ff1a;color:var(--color-primary);border:1px solid rgba(0,240,255,.3);padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:800;letter-spacing:2px;width:fit-content;margin-bottom:1.5rem}.showcase-title{font-size:3.5rem;font-weight:900;font-family:var(--font-game);line-height:1.1;margin-bottom:1.5rem;color:#fff;text-transform:uppercase}.showcase-title .glow{text-shadow:0 0 20px rgba(0,240,255,.6)}.showcase-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem;max-width:90%}.showcase-features{display:flex;flex-direction:column;gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;background:#0a0b1e99;padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.feature-item:hover{transform:translate(10px);border-color:#ffffff1a;background:#0a0b1ecc}.feature-icon{background:#ffffff08;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.feature-item h4{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .25rem}.feature-item p{font-size:.9rem;color:var(--text-muted);margin:0}.auth-form-side{flex:1;display:flex;justify-content:center;align-items:center}@media (max-width: 968px){.auth-split-wrapper{flex-direction:column;padding:1rem;gap:2rem}.auth-showcase{display:none}}.patent-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.patent-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.patent-label{text-shadow:0 0 10px currentColor}.rank-lenda{animation:pulse-red 2s infinite;background:#ff4d4d26}.rank-elite{background:#e6b80026}@keyframes pulse-red{0%{box-shadow:0 0 #ff4d4d66}70%{box-shadow:0 0 0 10px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.stats-layout{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.stats-layout.center{align-items:center;justify-content:center;min-height:60vh}.stats-header h2{font-size:1.75rem}.stats-header p{color:var(--text-muted)}.stats-tabs{display:flex;gap:1rem;padding:.5rem;margin-bottom:2rem;border-radius:var(--border-radius-lg);width:fit-content}.stats-tab-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--text-muted);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1)}.stats-tab-btn:hover{color:#fff;background:#ffffff0d}.stats-tab-btn.active{background:var(--color-primary);color:#050510;box-shadow:0 0 20px #00f0ff4d}.stats-tab-btn.active-arena{background:var(--color-accent);box-shadow:0 0 20px #bf00ff4d}.arena-stats-view{display:flex;flex-direction:column;gap:2rem}.arena-motivation-box{padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-radius:var(--border-radius-lg)}.arena-motivation-box h3{font-size:1.75rem;font-weight:800}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{padding:1.5rem;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card-title{color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;margin-bottom:.5rem}.stat-card-value{font-size:2.5rem;font-weight:700}.stat-card-icon{position:absolute;bottom:1rem;right:1.5rem;opacity:.2}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}.chart-box{padding:1.5rem;border-radius:var(--border-radius-lg);min-height:380px}.chart-box h3{font-size:1.1rem;margin-bottom:1rem}.chart-canvas{width:100%;height:300px;min-height:300px}.no-data{margin:auto;color:var(--text-muted);text-align:center}.stats-mentor-insights{margin-bottom:2rem;padding:1.5rem;background:#00f0ff0d;border:1px solid var(--color-primary);border-radius:var(--border-radius-lg);position:relative}.mentor-insight-badge{position:absolute;top:-12px;left:20px;background:var(--color-primary);color:#0b0e14;padding:.2rem .6rem;font-size:.7rem;font-weight:900;font-family:var(--font-game);border-radius:4px;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 10px #00f0ff4d}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.5rem}.insight-item{display:flex;align-items:center;gap:1.25rem;padding:1rem;border:1px solid rgba(255,255,255,.05)}.insight-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-text h4{font-family:var(--font-game);font-size:.9rem;margin-bottom:.2rem;letter-spacing:.05em}.insight-text p{font-size:.85rem;line-height:1.4;margin:0}@media (max-width: 768px){.stats-layout{padding:1rem}.stats-tabs{width:100%;overflow-x:auto;padding-bottom:.5rem;justify-content:flex-start;margin-bottom:1.5rem;scrollbar-width:none}.stats-tabs::-webkit-scrollbar{display:none}.stats-tab-btn{padding:.6rem 1rem;font-size:.8rem;white-space:nowrap}.stat-card-value{font-size:2rem}.insights-grid{grid-template-columns:1fr}.arena-motivation-box{padding:1.5rem}.charts-grid{grid-template-columns:1fr}}.duels-container{padding:1.5rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.arena-screen{width:100%;margin-top:1rem;display:grid;grid-template-columns:280px 1fr;gap:1.5rem;min-height:600px}.players-sidebar{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;border-radius:var(--border-radius-lg)}.players-sidebar h3{font-size:.8rem;letter-spacing:2px;color:var(--text-muted);font-family:var(--font-game);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.sidebar-list{display:flex;flex-direction:column;gap:1rem}.sidebar-player{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff08;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.05)}.sidebar-player.is-me{border-color:var(--color-primary);background:#00f0ff0d}.sidebar-info{display:flex;flex-direction:column}.sidebar-info .name{font-size:.9rem;font-weight:700;color:var(--text-main)}.sidebar-info .score{font-size:.8rem;color:var(--color-primary);font-family:var(--font-game)}.arena-main{display:flex;flex-direction:column;position:relative;z-index:10}.arena-question{background:var(--bg-surface);border-radius:var(--border-radius-lg);padding:3rem;box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);height:100%}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.question-number{font-size:.75rem;font-weight:700;letter-spacing:2px;color:var(--text-muted)}.duel-timer{display:flex;align-items:center;gap:.5rem;font-family:var(--font-game);color:var(--color-primary);background:#00f0ff1a;padding:.5rem 1rem;border-radius:20px}.timer-tick{animation:pulse-red .5s infinite alternate;color:#ff4d4d;background:#ff4d4d1a}.qc-text{font-size:1.4rem;line-height:1.6;color:#fff;margin-bottom:3rem;font-weight:500}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem}.duel-option{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s;text-align:left;width:100%;color:#e2e8f0}.duel-option:hover:not(:disabled){background:#ffffff14;border-color:var(--color-primary);transform:translate(10px)}.duel-option.selected{background:#00f0ff1a;border-color:var(--color-primary);box-shadow:0 0 15px #00f0ff33}.qc-option-letter{width:36px;height:36px;border-radius:50%;background:var(--bg-base);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-family:var(--font-game);border:1px solid rgba(0,240,255,.3)}.qc-option-text{flex:1;font-size:1.1rem}.waiting-message{margin-top:2rem;text-align:center;color:var(--text-muted);font-style:italic;animation:pulse 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:.8}}.lobby-container-v2{width:100%;display:flex;justify-content:center}.room-lounge{display:flex;flex-direction:column;gap:2rem;width:100%}.lounge-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.room-info h2{font-size:1.5rem;font-family:var(--font-game);letter-spacing:1px;margin-bottom:.5rem}.pin-badge{display:inline-block;background:var(--bg-surface);border:1px solid var(--color-primary);padding:.4rem 1rem;border-radius:4px;font-size:.8rem;color:var(--text-muted)}.pin-badge span{color:var(--color-primary);font-weight:900;font-size:1.1rem;letter-spacing:2px}.lounge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.lounge-user-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-lg);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lounge-user-card.is-me{border-color:var(--color-primary);background:#00f0ff0d;box-shadow:0 0 20px #00f0ff1a}.lounge-user-card.empty{border:2px dashed rgba(148,163,184,.1);opacity:.5;background:transparent}.leader-crown{position:absolute;top:10px;right:10px;color:#e6b800;filter:drop-shadow(0 0 5px #e6b800)}.user-avatar-large{width:64px;height:64px;background:var(--bg-base);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:2px solid rgba(255,255,255,.1)}.is-me .user-avatar-large{border-color:var(--color-primary);color:var(--color-primary)}.user-meta{text-align:center;display:flex;flex-direction:column;gap:.5rem;align-items:center}.user-name{font-weight:700;font-size:1rem;color:var(--text-main)}.status-badge{font-size:.65rem;background:#4ade8033;color:#4ade80;padding:2px 8px;border-radius:10px;font-weight:800}.vs-players-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.vs-player-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:slide-up .5s ease-out backwards}.end-screen{max-width:600px;width:100%;padding:3rem;border-radius:var(--border-radius-xl);border:1px solid rgba(0,240,255,.2)}.final-ranking-list{margin:2rem 0;display:flex;flex-direction:column;gap:.75rem}.player-score-item{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#ffffff08;border-radius:var(--border-radius-md);transition:all .2s}.player-score-item.is-me{background:#00f0ff1a;border:1px solid var(--color-primary)}.rank-pos{font-family:var(--font-game);font-size:1.25rem;font-weight:900;color:var(--color-secondary);min-width:40px}.rank-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.score-name{font-weight:700}.score-points{font-family:var(--font-game);color:var(--color-primary)}.lobby-header-dynamic{text-align:center;margin-bottom:4rem;animation:slide-up .6s ease-out}.lobby-header-dynamic h2{font-size:2.5rem;font-family:var(--font-game);margin:1rem 0 .5rem;background:linear-gradient(to right,#fff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lobby-header-dynamic p{color:var(--text-muted);font-size:1.1rem}.lobby-controls-hybrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;animation:slide-up .8s cubic-bezier(.23,1,.32,1)}.lobby-zone{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lobby-zone:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:all .3s}.lobby-zone:hover{transform:translateY(-8px);background:#ffffff0d;border-color:#ffffff26}.lobby-zone .label{font-family:var(--font-game);font-size:.85rem;letter-spacing:3px;margin-bottom:.5rem;transition:color .3s}.rapid-zone:hover{border-color:var(--color-primary);box-shadow:0 10px 40px #00f0ff26}.rapid-zone:before{background:var(--color-primary)}.rapid-zone .label{color:var(--color-primary)}.social-zone:hover{border-color:var(--color-secondary);box-shadow:0 10px 40px #bf00ff26}.social-zone:before{background:var(--color-secondary)}.social-zone .label{color:var(--color-secondary)}.private-zone:hover{border-color:gold;box-shadow:0 10px 40px #ffd7001a}.private-zone:before{background:gold}.private-zone .label{color:gold}.lobby-zone p{color:var(--text-muted);font-size:.9rem;text-align:center;margin-bottom:auto}.search-input-dynamic,.pin-input-mini{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.8rem 1rem;color:#fff;font-size:.9rem;transition:all .3s}.search-input-dynamic:focus,.pin-input-mini:focus{border-color:#ffffff4d;outline:none;background:#0006}.search-results-dynamic{position:absolute;top:100%;left:1.5rem;right:1.5rem;background:#0a0b1ef2;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 1rem 1rem;z-index:20;max-height:200px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-item-dynamic{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-main)}.btn-invite-small{background:var(--color-primary);color:#000;border:none;padding:.3rem .6rem;border-radius:4px;font-size:.65rem;font-weight:800;cursor:pointer}.join-mini{display:grid;grid-template-columns:1fr 80px;gap:.5rem;width:100%}.pin-input-mini{letter-spacing:2px;font-family:var(--font-game);font-weight:700;text-align:center}@media (max-width: 1024px){.lobby-controls-hybrid{grid-template-columns:1fr;gap:1.5rem}.arena-screen{grid-template-columns:1fr;min-height:auto}.players-sidebar{display:none}.arena-question{padding:1.5rem}.qc-text{font-size:1.15rem;margin-bottom:2rem}.qc-option-text{font-size:.95rem}.lounge-header{flex-direction:column;align-items:flex-start;gap:1rem}.lounge-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.lounge-user-card{padding:1.5rem 1rem}}@media (max-width: 600px){.duels-container{padding:1rem}.lobby-header-dynamic h2{font-size:1.8rem}.lobby-zone{padding:1.5rem}.arena-question{padding:1rem}.qc-text{font-size:1.05rem}.duel-option{padding:1rem;gap:1rem}}@keyframes animate-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ranking-container{padding:2rem;max-width:900px;margin:0 auto;min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease}.ranking-header{text-align:center;margin-bottom:1rem}.ranking-title{font-size:4rem;font-weight:900;font-family:var(--font-game);text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(to bottom,#fff 20%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(0,240,255,.4))}.ranking-tabs{display:flex;justify-content:center;gap:1rem;background:#0a0b1e99;padding:.6rem;border-radius:var(--border-radius-xl);border:1px solid rgba(0,240,255,.2);width:fit-content;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ranking-tab{padding:.75rem 2.5rem;border-radius:var(--border-radius-xl);font-weight:700;font-family:var(--font-game);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;transition:all .3s;color:var(--text-muted)}.ranking-tab.active{background:var(--color-primary);color:#050510;box-shadow:0 0 20px #00f0ff80}.leaderboard{background:#0a0b1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);overflow:hidden;position:relative;box-shadow:0 20px 50px #00000080}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 150px 150px;padding:1.25rem 2rem;align-items:center;border-bottom:1px solid var(--border-subtle);transition:background .2s}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row.is-me{background:#00f0ff0d;border-left:4px solid var(--color-primary)}.leaderboard-header{background:#ffffff05;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-game);font-size:.8rem;color:var(--text-muted)}.pos{font-weight:800;font-size:1.25rem;font-family:var(--font-game)}.pos-1{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.pos-2{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5)}.pos-3{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5)}.player-info{display:flex;align-items:center;gap:1rem}.player-name{font-weight:700;font-size:1.1rem;color:var(--text-main)}.player-rank{font-family:var(--font-game);font-size:.8rem;padding:2px 8px;border-radius:4px;background:#ffffff0d;border:1px solid var(--border-subtle);text-transform:uppercase}.rank-lenda{color:#f0f;border-color:#f0f;text-shadow:0 0 8px rgba(255,0,255,.5)}.rank-elite{color:#00f0ff;border-color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.5)}.rank-veterano{color:gold;border-color:gold}.rank-soldado{color:#f8fafc;border-color:#f8fafc}.player-score{text-align:right;font-weight:800;font-size:1.2rem;color:var(--color-primary)}.add-friends-section{margin-top:1rem;background:var(--bg-surface);padding:1.5rem;border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1rem}.search-input-group{display:flex;gap:1rem}.search-input{flex:1;background:var(--bg-base);border:1px solid var(--border-subtle);padding:.75rem 1rem;border-radius:var(--border-radius-sm);color:#fff;outline:none}.search-input:focus{border-color:var(--color-primary)}.search-results{display:flex;flex-direction:column;gap:.5rem}.search-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff05;border-radius:var(--border-radius-sm)}@media (max-width: 768px){.ranking-container{padding:1rem}.ranking-title{font-size:2.2rem}.ranking-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:.4rem;gap:.5rem}.ranking-tab{padding:.6rem .5rem;text-align:center;font-size:.7rem}.leaderboard-row{grid-template-columns:40px 1fr 80px;padding:1rem}.leaderboard-row>:nth-child(3){display:none}.player-name{font-size:.95rem}.player-score{font-size:1rem}.search-input-group{flex-direction:column}}.exam-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;display:flex;gap:1rem;position:relative;transition:all .25s ease;overflow:hidden;max-width:450px}.exam-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 30px #8b5cf626}.exam-card-badge{position:absolute;top:0;right:0;background:var(--primary);color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.35rem .75rem;border-bottom-left-radius:12px;letter-spacing:.5px}.exam-card-icon{width:50px;height:50px;background:#8b5cf61a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.exam-card-body{flex:1}.exam-card-body h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.exam-card-details{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem}.exam-card-details svg{opacity:.6}.exam-card-footer{display:flex;align-items:center;justify-content:space-between}.exam-card-banca{font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:4px}.exam-card-btn{background:transparent;border:none;color:var(--primary);font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.25rem;cursor:pointer;padding:0;transition:all .2s}.exam-card-btn:hover{gap:.5rem;text-decoration:underline}.hub-container{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.hub-header{text-align:center;margin-bottom:2.5rem}.hub-header h1{font-size:3.2rem;font-weight:900;font-family:var(--font-game);background:linear-gradient(to bottom,#fff 30%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,240,255,.4));margin-bottom:.25rem;text-transform:uppercase}.hub-header p{color:#fff;font-size:1.2rem;font-weight:500;opacity:.8}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;width:100%;max-width:1100px}.hub-card{position:relative;height:440px;border-radius:2rem;overflow:hidden;cursor:pointer;background:#0a0b1ecc;border:2px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.hub-card:hover{transform:translateY(-10px) scale(1.02)}.academia-card{border-color:#00f0ff4d}.academia-card:hover{border-color:var(--color-primary);box-shadow:0 0 40px #00f0ff4d,inset 0 0 15px #00f0ff26}.arena-card:hover{border-color:var(--color-accent);box-shadow:0 0 40px #bf00ff4d,inset 0 0 15px #bf00ff26}.community-card{border-color:#4ecca34d}.community-card:hover{border-color:#4ecca3;box-shadow:0 0 40px #4ecca34d,inset 0 0 15px #4ecca326}.card-content{position:relative;padding:2.5rem 2rem;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.card-icon-wrapper{margin-bottom:1.5rem;padding:1.25rem;border-radius:50%;background:#ffffff08;color:#fff;transition:all .5s;border:1px solid rgba(255,255,255,.05)}.academia-card .card-icon-wrapper{color:var(--color-primary);box-shadow:0 0 15px #00f0ff26}.arena-card .card-icon-wrapper{color:var(--color-accent);box-shadow:0 0 15px #bf00ff26}.community-card .card-icon-wrapper{color:#4ecca3;box-shadow:0 0 15px #4ecca326}.card-content h2{font-size:2.2rem;font-weight:900;font-family:var(--font-game);letter-spacing:3px;margin-bottom:.25rem;color:#fff}.card-subtitle{font-size:.8rem;font-weight:700;color:var(--color-accent);letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase}.academia-card .card-subtitle{color:var(--color-primary)}.community-card .card-subtitle{color:#4ecca3}.card-content p{color:#fff;font-size:.95rem;line-height:1.5;margin-bottom:auto;opacity:.75}.hub-btn-preview{width:100%;max-width:280px;padding:1rem;border-radius:2rem;border:none;font-weight:900;font-family:var(--font-game);letter-spacing:1px;cursor:pointer;transition:all .3s;text-align:center;text-transform:uppercase;font-size:.95rem}.academia-card .hub-btn-preview{background:var(--color-primary);color:#050510;box-shadow:0 4px 15px #00f0ff4d}.arena-card .hub-btn-preview{background:#bf00ff;color:#fff;box-shadow:0 4px 15px #bf00ff4d}.community-card .hub-btn-preview{background:#4ecca3;color:#1a1a2e;box-shadow:0 4px 15px #4ecca34d}.hub-card:hover .hub-btn-preview{transform:scale(1.03);filter:brightness(1.1)}.hub-footer{margin-top:3.5rem;color:#fff;font-size:.9rem;opacity:.4;font-family:var(--font-sans);letter-spacing:1px}.hub-streak-section{position:absolute;top:-1.5rem;right:2rem;width:280px;transform:scale(.55);transform-origin:top right;z-index:10}.stats-card{border-color:#f59e0b4d}.stats-card:hover{border-color:#f59e0b;box-shadow:0 0 40px #f59e0b4d,inset 0 0 15px #f59e0b26}.stats-card .card-icon-wrapper{color:#f59e0b;box-shadow:0 0 15px #f59e0b26}.stats-card .card-subtitle{color:#f59e0b}.stats-card .hub-btn-preview{background:#f59e0b;color:#fff;box-shadow:0 4px 15px #f59e0b4d}.ranking-card{border-color:#fbbf244d}.ranking-card:hover{border-color:#fbbf24;box-shadow:0 0 40px #fbbf244d,inset 0 0 15px #fbbf2426}.ranking-card .card-icon-wrapper{color:#fbbf24;box-shadow:0 0 15px #fbbf2426}.ranking-card .card-subtitle{color:#fbbf24}.ranking-card .hub-btn-preview{background:#fbbf24;color:#000;box-shadow:0 4px 15px #fbbf244d}.career-card{border-color:#3b82f64d}.career-card:hover{border-color:#3b82f6;box-shadow:0 0 40px #3b82f64d,inset 0 0 15px #3b82f626}.career-card .card-icon-wrapper{color:#3b82f6;box-shadow:0 0 15px #3b82f626}.career-card .card-subtitle{color:#3b82f6}.career-card .hub-btn-preview{background:#3b82f6;color:#fff;box-shadow:0 4px 15px #3b82f64d}.donate-card{border-color:#ec48994d}.donate-card:hover{border-color:#ec4899;box-shadow:0 0 40px #ec48994d,inset 0 0 15px #ec489926}.donate-card .card-icon-wrapper{color:#ec4899;box-shadow:0 0 15px #ec489926}.donate-card .card-subtitle{color:#ec4899}.donate-card .hub-btn-preview{background:#ec4899;color:#fff;box-shadow:0 4px 15px #ec48994d}.pomodoro-card{border-color:#ef44444d}.pomodoro-card:hover{border-color:#ef4444;box-shadow:0 0 40px #ef44444d,inset 0 0 15px #ef444426}.pomodoro-card .card-icon-wrapper{color:#ef4444;box-shadow:0 0 15px #ef444426}.pomodoro-card .card-subtitle{color:#ef4444}.pomodoro-card .hub-btn-preview{background:#ef4444;color:#fff;box-shadow:0 4px 15px #ef44444d}.coach-card{border-color:#a855f74d}.coach-card:hover{border-color:#a855f7;box-shadow:0 0 40px #a855f74d,inset 0 0 15px #a855f726}.coach-card .card-icon-wrapper{color:#a855f7;box-shadow:0 0 15px #a855f726}.coach-card .card-subtitle{color:#a855f7}.coach-card .hub-btn-preview{background:#a855f7;color:#fff;box-shadow:0 4px 15px #a855f74d}@media (max-width: 1200px){.hub-streak-section{position:relative;top:auto;right:auto;width:100%;max-width:600px;margin:0 auto 2rem;display:flex;justify-content:center}}@media (max-width: 1024px){.hub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 600px){.hub-grid{grid-template-columns:1fr;max-width:100%}.hub-card{height:auto;min-height:350px}.hub-header h1{font-size:2.5rem}.focus-banner{flex-direction:column;align-items:flex-start!important;text-align:left}.focus-banner button{width:100%;justify-content:center}}.coach-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:80vh}.coach-container.center{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.coach-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:1.5rem;background:#0006;border-radius:var(--border-radius-lg);border-bottom:2px solid var(--color-primary);box-shadow:0 10px 30px #0000004d}.coach-avatar-wrapper{position:relative}.coach-avatar{width:80px;height:80px;background:var(--bg-surface);border:2px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 0 20px #00f0ff4d;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 15px #00f0ff4d}50%{box-shadow:0 0 30px #00f0ff99}to{box-shadow:0 0 15px #00f0ff4d}}.coach-intro h1{font-family:var(--font-game);font-size:2rem;color:var(--color-primary);text-shadow:0 0 10px rgba(0,240,255,.5);margin-bottom:.5rem}.coach-intro p{font-size:1.1rem;color:var(--text-main)}.coach-intro span{color:var(--color-accent);font-weight:700}.coach-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.section-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-game);font-size:1.25rem;margin-bottom:1.5rem;color:var(--color-error)}.rec-list{display:flex;flex-direction:column;gap:1.5rem}.rec-card{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:transform .3s}.rec-card:hover{transform:scale(1.02)}.rec-card.priority{border:1px solid var(--color-error);background:#ef44440d;position:relative;box-shadow:0 0 20px #ef44441a;animation:priorityPulse 4s infinite ease-in-out}@keyframes priorityPulse{0%{border-color:#ef444466}50%{border-color:#ef4444}to{border-color:#ef444466}}.priority-badge{position:absolute;top:-12px;left:20px;background:var(--color-error);color:#fff;padding:.2rem .6rem;font-size:.7rem;font-weight:900;font-family:var(--font-game);border-radius:4px;box-shadow:0 4px 10px #ef444466;z-index:10}.rec-info h3{font-size:1.3rem;margin-bottom:.75rem;color:var(--text-main)}.rec-stats{display:flex;gap:.75rem;margin-bottom:1rem}.stat-pill{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.stat-pill.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.stat-pill.rate{background:#00f0ff1a;color:var(--color-primary);border:1px solid rgba(0,240,255,.2)}.stat-pill.target{background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.rec-info p{font-size:.95rem;color:var(--text-muted);max-width:450px}.coach-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{padding:1.5rem;border-top:3px solid var(--color-primary)}.sidebar-card h3{margin:1rem 0 .5rem;font-family:var(--font-game);font-size:1.1rem;color:var(--text-main)}.sidebar-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.no-stats-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:1.5rem}.coach-footer{margin-top:3rem;display:flex;justify-content:center}@media (max-width: 900px){.coach-grid{grid-template-columns:1fr}.rec-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.coach-header{flex-direction:column;text-align:center}}.section-title.success{color:var(--color-success)}.evolution-list{display:flex;flex-direction:column;gap:1rem}.evolution-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;border-left:4px solid var(--color-success);transition:all .3s}.evolution-card:hover{background:#00ff660d;transform:translate(5px);box-shadow:0 0 20px #00ff661a}.evo-icon{width:42px;height:42px;background:#00ff661a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0}.evo-text h4{font-family:var(--font-game);font-size:.95rem;color:var(--color-success);margin-bottom:.25rem;text-shadow:0 0 8px rgba(0,255,102,.4)}.evo-text p{font-size:.9rem;color:var(--text-main)}:root{--room-bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--room-card-bg: rgba(255, 255, 255, .05);--room-accent: #4ecca3;--room-accent-glow: rgba(78, 204, 163, .3)}.study-rooms-container{min-height:100vh;padding:2rem;background:var(--room-bg-gradient);color:#fff;font-family:Inter,sans-serif}.study-rooms-header{max-width:1200px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:center}.header-title h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#4ecca3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title p{color:#94a3b8;font-size:1.1rem}.header-actions{display:flex;gap:1rem}.action-btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-create{background:var(--room-accent);color:#1a1a2e}.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--room-accent-glow)}.btn-join{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-join:hover{background:#ffffff26}.rooms-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.room-card{background:var(--room-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.room-card:hover{transform:translateY(-5px);border-color:var(--room-accent);background:#ffffff14}.room-card h3{font-size:1.4rem;margin-bottom:1rem}.room-info{display:flex;flex-direction:column;gap:.5rem;color:#94a3b8;font-size:.9rem}.info-item{display:flex;align-items:center;gap:.5rem}.invite-code-badge{position:absolute;top:1rem;right:1rem;background:#2dd4bf1a;color:#4ecca3;padding:.25rem .75rem;border-radius:99px;font-family:monospace;font-weight:700;font-size:.8rem;border:1px solid rgba(78,204,163,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#1e293b;width:100%;max-width:450px;padding:2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);position:relative;animation:modalIn .3s ease-out}@keyframes modalIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h2{margin-bottom:1.5rem;font-size:1.8rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#94a3b8}.form-group input{width:100%;padding:.85rem 1rem;border-radius:12px;background:#0f172a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--room-accent);box-shadow:0 0 0 2px var(--room-accent-glow)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.back-btn{margin-bottom:1.5rem;background:none;border:none;color:#94a3b8;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .2s}.back-btn:hover{color:#fff}.room-detail-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.leaderboard-container{background:var(--room-card-bg);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.rank-list{display:flex;flex-direction:column;gap:1rem}.rank-item{display:flex;align-items:center;padding:1rem 1.5rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.rank-item:hover{transform:translate(5px);background:#ffffff0d}.rank-pos{width:40px;font-size:1.2rem;font-weight:800;color:#94a3b8}.rank-item.top-1 .rank-pos{color:#facc15}.rank-item.top-2 .rank-pos{color:#cbd5e1}.rank-item.top-3 .rank-pos{color:#92400e}.rank-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#4ecca3,#45b08c);display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:1.5rem;color:#1a1a2e}.rank-name{flex-grow:1;font-weight:600}.rank-score{text-align:right}.score-val{display:block;font-size:1.25rem;font-weight:800;color:var(--room-accent)}.score-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase}.room-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--room-card-bg);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.sidebar-card h4{margin-bottom:1rem;color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.invite-share-box{background:#0f172a;padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:1.2rem;font-weight:700;border:1px solid rgba(78,204,163,.3)}@media (max-width: 968px){.study-rooms-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.header-actions{width:100%}.action-btn{flex:1;justify-content:center}.room-detail-layout{grid-template-columns:1fr}}@media (max-width: 600px){.study-rooms-container{padding:1.5rem 1rem}.header-title h1{font-size:1.8rem}.rooms-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}.modal-content h2{font-size:1.5rem}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:1rem}}.loja-container{max-width:1200px;margin:0 auto;padding:2rem}.loja-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.loja-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.loja-header p{color:var(--text-secondary);margin:0}.loja-disclaimer{display:flex;align-items:center;gap:.5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.6rem 1rem;color:#f59e0b;font-size:.8rem;font-weight:500}.area-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.area-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:50px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.area-filter-btn:hover{border-color:var(--area-color, var(--primary));color:var(--area-color, var(--primary));background:color-mix(in srgb,var(--area-color, var(--primary)) 10%,transparent)}.area-filter-btn.active{background:var(--area-color, var(--primary));border-color:var(--area-color, var(--primary));color:#fff;box-shadow:0 4px 15px color-mix(in srgb,var(--area-color, var(--primary)) 40%,transparent)}.loja-section{margin-bottom:3rem}.section-title{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.produtos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.destaque-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.produto-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;gap:.75rem;transition:all .25s ease;overflow:hidden}.produto-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 40px #8b5cf633}.destaque-card{border-color:#f59e0b4d;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(245,158,11,.03) 100%)}.destaque-card:hover{border-color:#f59e0b;box-shadow:0 12px 40px #f59e0b33}.produto-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:50px}.produto-area-tag{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--area-color) 15%,transparent);color:var(--area-color);border:1px solid color-mix(in srgb,var(--area-color) 30%,transparent);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .6rem;border-radius:50px;width:fit-content}.produto-titulo{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.produto-desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.6;flex:1}.produto-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.rating-stars{display:flex;align-items:center;gap:2px}.rating-text{font-size:.8rem;color:var(--text-secondary);margin-left:4px}.produto-vendidos{font-size:.75rem;color:var(--text-muted)}.produto-comprar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);border-radius:10px;padding:.75rem 1rem;margin-top:.5rem;border:1px solid var(--border-color);transition:all .2s ease}.produto-card:hover .produto-comprar{background:var(--primary);border-color:var(--primary)}.produto-preco{font-weight:800;font-size:1.1rem;color:var(--text-primary);transition:color .2s}.produto-card:hover .produto-preco{color:#fff}.produto-cta{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--primary);transition:color .2s}.produto-card:hover .produto-cta{color:#fff}.loja-empty{text-align:center;padding:5rem 2rem;color:var(--text-muted)}@media (max-width: 768px){.loja-container{padding:1rem}.loja-header{flex-direction:column;gap:1.5rem}.loja-header h1{font-size:1.75rem}.area-filters{gap:.5rem}.area-filter-btn{padding:.5rem 1rem;font-size:.75rem}.produtos-grid,.destaque-grid{grid-template-columns:1fr}.produto-card{padding:1rem}.produto-comprar{width:100%}}.session-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.session-header{padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:relative}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#8b5cf61a}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.header-info{display:flex;flex-direction:column;align-items:center}.exam-name{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.timer{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.session-main{flex:1;padding:2rem;overflow-y:auto;display:flex;justify-content:center}.question-content{max-width:800px;width:100%}.question-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.q-index{font-size:.875rem;color:var(--text-muted);font-weight:600}.q-tag{background:#8b5cf61a;color:var(--primary);padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700}.q-text{font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem;white-space:pre-wrap}.alternatives-list{display:flex;flex-direction:column;gap:1rem}.alt-btn{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;text-align:left;cursor:pointer;transition:all .2s}.alt-btn:hover{background:#8b5cf60d;border-color:var(--primary)}.alt-btn.selected{background:#8b5cf61a;border-color:var(--primary);box-shadow:0 4px 12px #8b5cf61a}.alt-letter{width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-muted);flex-shrink:0}.alt-btn.selected .alt-letter{background:var(--primary);border-color:var(--primary);color:#fff}.session-footer{padding:1.5rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.finish-btn{background:var(--success);color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.finish-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.session-finished{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.finished-card{max-width:500px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:3rem;text-align:center}.finished-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.stat-box{display:flex;flex-direction:column;gap:.5rem}.stat-val{font-size:1.5rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.finished-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.profile-page{max-width:900px;margin:0 auto;padding:40px 20px}.profile-loading{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--color-primary);position:relative}.player-card-container{margin-bottom:30px;perspective:1000px}.player-card{position:relative;padding:30px;border-radius:24px;background:#0a0b1ecc!important;border:1px solid rgba(0,240,255,.3)!important;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 20px #00f0ff1a}.card-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,240,255,.05) 51%);background-size:100% 4px;pointer-events:none;z-index:2}.card-header{display:flex;align-items:center;gap:25px;margin-bottom:30px;z-index:3;position:relative}.avatar-wrapper{position:relative;width:100px;height:100px}.avatar-hex{width:100%;height:100%;background:var(--bg-surface);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;border:2px solid var(--color-primary);position:relative;z-index:2}.avatar-glow{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:var(--color-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:blur(15px);opacity:.3;z-index:1}.level-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--bg-base);padding:2px 10px;border-radius:4px;font-size:.7rem;font-weight:900;z-index:3;box-shadow:0 0 10px var(--color-primary)}.neon-text{font-size:2.2rem;margin:0;color:#fff;text-shadow:0 0 10px rgba(0,240,255,.5)}.title-tag{display:flex;align-items:center;gap:8px;background:#00f0ff1a;color:var(--color-primary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;width:fit-content;margin:8px 0;border:1px solid rgba(0,240,255,.3)}.user-status{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.status-dot.online{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success)}.change-focus-btn{margin-top:10px;padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.change-focus-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-base);box-shadow:0 0 15px var(--color-primary)}.streak-display{margin-left:auto;display:flex;align-items:center;gap:12px;background:#ff00551a;padding:10px 20px;border-radius:16px;border:1px solid rgba(255,0,85,.3);color:var(--color-secondary)}.streak-val{display:flex;flex-direction:column}.streak-val strong{font-size:1.4rem;line-height:1}.streak-val span{font-size:.6rem;text-transform:uppercase;font-weight:800}.xp-section{margin-bottom:25px}.xp-labels{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.8rem;font-weight:700;color:var(--text-muted)}.xp-bar-outer{height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width 1s cubic-bezier(.16,1,.3,1);position:relative}.xp-bar-glow{position:absolute;top:0;right:0;width:20px;height:100%;background:#fff;filter:blur(8px);opacity:.5}.stats-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-pill{background:#ffffff08;padding:12px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-subtle)}.pill-info{display:flex;flex-direction:column}.pill-info strong{font-size:1.1rem;color:#fff}.pill-info span{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.card-skills{display:grid;grid-template-columns:1fr 1fr;gap:15px}.skill-box{background:#0003;padding:15px;border-radius:12px;border:1px solid var(--border-subtle)}.skill-header{display:flex;align-items:center;gap:8px;font-size:.65rem;text-transform:uppercase;color:var(--text-muted);font-weight:800;margin-bottom:8px}.skill-name{font-size:.9rem;font-weight:700;margin-bottom:10px}.skill-bar{height:4px;background:#ffffff0d;border-radius:2px}.skill-fill{height:100%;background:var(--color-primary);border-radius:2px;box-shadow:0 0 10px var(--color-primary)}.weakness .skill-fill{background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary)}.evolution-section,.mini-achievements{margin-bottom:30px;padding:25px;border-radius:24px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.section-header h2{font-size:1.25rem;margin:0}.section-header p{font-size:.85rem;color:var(--text-muted);margin:5px 0 0}.section-header button{font-size:.85rem;color:var(--color-primary);display:flex;align-items:center;gap:5px}.chart-container{margin-top:10px}.badges-row{display:flex;gap:15px}.mini-badge{width:50px;height:50px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-subtle)}.mini-badge.unlocked{color:#fff;border:1px solid currentColor}.mini-badge.epico{color:var(--color-accent);box-shadow:0 0 15px #bf00ff4d}.mini-badge.raro{color:var(--color-primary);box-shadow:0 0 15px #00f0ff4d}.back-btn{width:100%;padding:15px;background:var(--bg-surface);color:#fff;border-radius:12px;font-weight:700;border:1px solid var(--border-subtle);transition:all .2s}.back-btn:hover{border-color:var(--color-primary);background:#00f0ff0d}@media (max-width: 768px){.profile-page{padding:1.5rem 1rem}.player-card{padding:1.5rem}.card-header{flex-direction:column;text-align:center;gap:1.5rem}.avatar-wrapper{margin:0 auto}.neon-text{font-size:1.8rem}.title-tag{margin:8px auto}.streak-display{margin:10px auto 0;width:100%;justify-content:center}.xp-labels{font-size:.7rem}.stats-quick-grid,.card-skills{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem}.badges-row{flex-wrap:wrap;justify-content:center}}.pomodoro-page{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:calc(100vh - 80px);transition:background-color .5s ease;background:radial-gradient(circle at top,rgba(var(--mode-color),.1) 0%,transparent 70%)}.pomodoro-container{width:100%;max-width:480px;padding:25px;border-radius:var(--border-radius-lg);text-align:center;transition:background-color .3s ease;margin-bottom:25px}.mode-selector{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.mode-btn{padding:8px 16px;border-radius:var(--border-radius-md);font-weight:600;color:#fff;opacity:.7;transition:all .2s;font-family:var(--font-game);font-size:.9rem}.mode-btn:hover{opacity:1;background:#ffffff1a}.mode-btn.active{background:#0003;opacity:1}.timer-display{font-size:8rem;font-weight:900;margin:10px 0;font-family:var(--font-game);letter-spacing:-2px;text-shadow:0 0 20px rgba(255,255,255,.2)}.timer-controls{display:flex;align-items:center;justify-content:center;gap:15px}.start-btn{font-size:1.4rem!important;font-weight:800!important;padding:12px 60px!important;border-radius:var(--border-radius-md)!important;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;gap:10px}.reset-btn{color:#fff;opacity:.6}.reset-btn:hover{opacity:1;transform:rotate(-30deg)}.status-message{text-align:center;margin-bottom:30px}.status-message p{font-size:1.2rem;font-weight:500}.tasks-section{width:100%;max-width:480px}.tasks-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:15px}.tasks-header h3{font-size:1.2rem;color:#fff}.add-task-placeholder{width:100%;padding:16px;border:2px dashed rgba(255,255,255,.2);border-radius:var(--border-radius-md);color:#fff9;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px}.add-task-placeholder:hover{border-color:#fff6;color:#fff;background:#ffffff0d}.add-task-form{padding:20px;border-radius:var(--border-radius-md);margin-top:15px;display:flex;flex-direction:column;gap:15px}.add-task-form input{background:none;border:none;border-bottom:2px solid rgba(255,255,255,.1);color:#fff;font-size:1.2rem;padding:8px 0;outline:none}.add-task-form input:focus{border-color:var(--mode-color)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.tasks-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;align-items:center;padding:12px 16px;background:#ffffff0d;border-radius:var(--border-radius-md);gap:12px;animation:slideUp .3s ease-out}.task-check{color:#ffffff4d}.task-item.completed{opacity:.6}.task-item.completed .task-check{color:var(--color-success)}.task-item.completed .task-text{text-decoration:line-through}.task-text{flex:1;font-weight:500}.task-delete{color:#ffffff4d}.task-delete:hover{color:var(--color-error)}@media (max-width: 480px){.pomodoro-page{padding:20px 10px}.pomodoro-container{padding:15px;margin-bottom:20px}.timer-display{font-size:5rem}.start-btn{padding:10px 40px!important;font-size:1.1rem!important}.mode-btn{padding:6px 10px;font-size:.8rem}}@media (max-width: 360px){.timer-display{font-size:4rem}}.donations-page{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:calc(100vh - 80px)}.donations-container{width:100%;max-width:600px;padding:40px;border-radius:var(--border-radius-lg);text-align:center;display:flex;flex-direction:column;gap:20px}.heart-icon-container{margin-bottom:10px}.heart-iconPulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,0,85,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(255,0,85,.6))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,0,85,0))}}.description{color:var(--text-muted);line-height:1.6;font-size:1rem}.pix-section{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:20px}.qr-container{position:relative;width:280px;height:280px;padding:15px;background:#fff;border-radius:var(--border-radius-md);border:4px solid var(--color-primary);box-shadow:0 0 30px #00f0ff4d}.qr-image{width:100%;height:100%;border-radius:4px}.qr-overlay{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--bg-base);padding:6px 16px;border-radius:var(--border-radius-xl);display:flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;text-transform:uppercase;white-space:nowrap}.key-container{width:100%;text-align:left}.key-container label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;letter-spacing:1px}.key-input-group{display:flex;gap:10px}.key-input-group input{flex:1;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:12px 16px;color:#fff;font-family:monospace;font-size:.9rem;outline:none}.copy-btn{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.info-box{padding:16px;border-radius:var(--border-radius-md);margin-top:10px;border:1px dashed var(--color-primary)}.info-box p{font-weight:600;color:var(--color-primary)}.social-links{margin-top:10px}.github-link{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px;transition:color .2s}.github-link:hover{color:var(--color-primary)}@media (max-width: 480px){.donations-page{padding:20px 10px}.donations-container{padding:1.5rem 1rem}.qr-container{width:240px;height:240px}.key-input-group{flex-direction:column}.copy-btn{width:100%}.info-box{padding:12px}}.career-hub{max-width:1100px;margin:0 auto;padding:40px 20px}.career-header{text-align:center;margin-bottom:40px}.career-header h1{font-size:2.5rem;margin-bottom:10px}.career-header p{color:var(--text-muted)}.career-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:20px;color:var(--color-primary)}.career-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:40px}.career-tabs button{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:12px;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.career-tabs button:hover{border-color:var(--color-primary);color:#fff}.career-tabs button.active{background:#00f0ff1a;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px #00f0ff33}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.badge-card{display:flex;padding:20px;gap:20px;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.badge-card.locked{opacity:.5;filter:grayscale(1)}.badge-card.unlocked:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.badge-icon-wrapper{width:60px;height:60px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.lock-icon{position:absolute;top:-5px;right:-5px;background:var(--bg-surface);padding:2px;border-radius:50%;color:var(--color-error)}.rarity-tag{display:inline-block;font-size:.6rem;text-transform:uppercase;font-weight:800;padding:2px 8px;border-radius:4px;margin-top:8px}.comum .rarity-tag{background:#64748b1a;color:#64748b}.raro .rarity-tag{background:#3b82f61a;color:#3b82f6;border:1px solid #3b82f64d}.epico .rarity-tag{background:#8b5cf61a;color:#8b5cf6;border:1px solid #8b5cf64d}.lendario .rarity-tag{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b4d;box-shadow:0 0 10px #f59e0b33}.missions-list{display:flex;flex-direction:column;gap:15px}.mission-item{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:20px}.mission-main{flex:1}.mission-main h3{margin:0 0 5px;font-size:1.2rem}.mission-main p{margin:0 0 15px;color:var(--text-muted);font-size:.9rem}.mission-progress{display:flex;align-items:center;gap:15px;font-size:.8rem;font-weight:700;color:var(--color-primary)}.progress-track{flex:1;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.mission-reward{padding-left:20px;border-left:1px solid var(--border-subtle);font-weight:800;color:var(--color-success)}.unlocks-container{display:grid;grid-template-columns:1fr 350px;gap:30px}.unlocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.skin-card{padding:15px;border-radius:20px;text-align:center;cursor:pointer;transition:all .3s}.skin-card:hover{border-color:var(--color-primary);background:#ffffff0d}.skin-preview-thumb{width:100%;aspect-ratio:1;background:var(--bg-surface);border-radius:12px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.skin-card[data-skin=neon] .skin-preview-thumb{background:linear-gradient(135deg,#00f0ff,#001020)}.skin-card[data-skin=gold] .skin-preview-thumb{background:linear-gradient(135deg,gold,#201800)}.skin-card[data-skin=void] .skin-preview-thumb{background:linear-gradient(135deg,#101010,#000)}.rarity-text{font-size:.7rem;text-transform:uppercase;font-weight:800;margin-bottom:10px;display:block}.rarity-text.raro{color:#3b82f6}.rarity-text.epico{color:#8b5cf6}.rarity-text.lendario{color:#f59e0b}.unlock-req{font-size:.7rem;color:var(--text-muted)}.preview-panel{padding:30px;border-radius:24px;position:sticky;top:100px;height:fit-content;text-align:center}.preview-card{width:100%;padding:25px;background:var(--bg-surface);border-radius:20px;border:1px solid var(--border-subtle);margin:20px 0;position:relative;overflow:hidden}.preview-avatar{width:80px;height:80px;background:var(--bg-tertiary);margin:0 auto 15px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:2px solid var(--color-primary)}.preview-name{font-weight:800;font-size:1.2rem}.skin-neon-glow{border-color:#00f0ff!important;box-shadow:0 0 20px #00f0ff4d}.skin-neon-glow .preview-avatar{border-color:#00f0ff;box-shadow:0 0 15px #00f0ff}.skin-gold-aura{border-color:#f59e0b!important;box-shadow:0 0 25px #f59e0b4d}.skin-gold-aura:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,#f59e0b1a,transparent);animation:sweep 2s infinite}.skin-void-flicker{border-color:#8b5cf6!important;background:#000!important;animation:flicker 3s infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}52%{opacity:1}}@media (max-width: 900px){.unlocks-container{grid-template-columns:1fr}.preview-panel{position:static}}