:root{--bg-primary: #f7f7f7;--bg-secondary: #ffffff;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent-primary: #6200ee;--accent-secondary: #03dac6;--accent-tertiary: #ff5722;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .08);--card-bg: #ffffff;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--info: #2196f3;--chart-combatente: #f44336;--chart-especialista: #2196f3;--chart-ocultista: #9c27b0}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--text-primary: #f5f5f5;--text-secondary: #b0b0b0;--text-muted: #707070;--accent-primary: #bb86fc;--accent-secondary: #03dac6;--accent-tertiary: #ff7043;--border-color: #3d3d3d;--shadow-color: rgba(0, 0, 0, .3);--card-bg: #1e1e1e;--success: #66bb6a;--warning: #ffb74d;--danger: #ef5350;--info: #42a5f5;--chart-combatente: #ef5350;--chart-especialista: #42a5f5;--chart-ocultista: #ba68c8}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn--primary:hover{box-shadow:0 8px 30px #6200ee4d}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover{background:var(--border-color)}.btn--outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn--outline:hover{background:var(--accent-primary);color:#fff}.btn--icon{padding:.75rem;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color)}.btn--icon:hover{background:var(--bg-tertiary)}.btn--lg{padding:1rem 2.5rem;font-size:1.125rem;border-radius:14px}.btn--sm{padding:.5rem 1rem;font-size:.875rem;border-radius:10px}.card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);padding:1.5rem;transition:all .3s ease}.card--elevated{box-shadow:0 4px 20px var(--shadow-color)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow-color);border-color:var(--accent-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}