*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 480px){html{font-size:14px}}@media (min-width: 1200px){html{font-size:18px}}@media (min-width: 1600px){html{font-size:20px}}body{background-color:#302e2b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;width:100%;min-height:100vh;overflow-x:hidden;color:#f6f6f6}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.container-fluid{width:100%;padding-left:clamp(10px,2vw,20px);padding-right:clamp(10px,2vw,20px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#444}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){body{background-color:#000;color:#fff}}body.theme-dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8e8e8;transition:all .3s ease}body.theme-dark app-menu .nav-links{background:#1a1a2ef2;backdrop-filter:blur(15px);box-shadow:0 4px 20px #00d4ff4d;border-bottom:2px solid rgba(0,212,255,.2)}body.theme-dark app-menu .logo{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.3)}body.theme-dark app-menu .nav-links a,body.theme-dark app-menu .profile-btn{color:#b8b8d1}body.theme-dark app-menu .nav-links a:after{background:#00d4ff}body.theme-dark app-menu .nav-links a:hover,body.theme-dark app-menu .profile-btn:hover{color:#00d4ff;background:#00d4ff1a}body.theme-dark app-menu .dropdown-menu,body.theme-dark app-menu .submenu{background:#16213efa;backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,.3);box-shadow:0 8px 32px #00d4ff66}body.theme-dark app-menu .dropdown-menu li a,body.theme-dark app-menu .submenu li a{background:transparent;color:#d1d1e0;border-left:3px solid transparent}body.theme-dark app-menu .dropdown-menu li a:hover,body.theme-dark app-menu .submenu li a:hover{background:linear-gradient(90deg,#00d4ff33,#00d4ff0d);color:#00d4ff;border-left-color:#00d4ff}body.theme-dark app-menu .avatar{border-color:#00d4ff}body.theme-dark app-menu-mobile nav,body.theme-dark app-menu-mobile .mobile-menu-container{background:#1a1a2ef2;border-bottom:2px solid rgba(0,212,255,.2)}body.theme-dark app-menu-mobile .mobile-logo{color:#00d4ff}body.theme-dark app-menu-mobile .menu-toggle{color:#00d4ff}body.theme-dark app-menu-mobile .mobile-nav{background:#16213efa;border-top:1px solid rgba(0,212,255,.3)}body.theme-dark app-menu-mobile .mobile-nav-item,body.theme-dark app-menu-mobile .mobile-submenu-item,body.theme-dark app-menu-mobile .mobile-submenu-sub-item{color:#d1d1e0;border-bottom:1px solid rgba(0,212,255,.2)}body.theme-dark app-menu-mobile .mobile-nav-item:hover,body.theme-dark app-menu-mobile .mobile-submenu-item:hover,body.theme-dark app-menu-mobile .mobile-submenu-sub-item:hover{background:#00d4ff33;color:#00d4ff}body.theme-dark ::-webkit-scrollbar-track{background:#1a1a2e}body.theme-dark ::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:4px}body.theme-dark ::-webkit-scrollbar-thumb:hover{background:#00a8cc}body.theme-dark app-home .home-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}body.theme-dark app-home .home-container:before{background:#00d4ff1a}body.theme-dark app-home .home-container:after{background:#00d4ff0d}body.theme-dark app-home .home-content{background:#16213ef2;backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.3);box-shadow:0 20px 60px #00d4ff4d}body.theme-dark app-home .home-title{background:linear-gradient(135deg,#00d4ff,#4a9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body.theme-dark app-home .home-subtitle{color:#b8b8d1}body.theme-dark app-home .feature-card{background:#0f346099;border:1px solid rgba(0,212,255,.3);box-shadow:0 8px 32px #00d4ff33}body.theme-dark app-home .feature-card:hover{background:#0f3460cc;border-color:#00d4ff;box-shadow:0 12px 40px #00d4ff66}body.theme-dark app-home .feature-icon{background:linear-gradient(135deg,#0f3460,#00d4ff);color:#fff;box-shadow:0 8px 24px #00d4ff66}body.theme-dark app-home .feature-title{color:#00d4ff}body.theme-dark app-home .feature-description{color:#d1d1e0}body.theme-dark app-home .cta-button{background:linear-gradient(135deg,#0f3460,#00d4ff);border:2px solid #00d4ff;color:#fff;box-shadow:0 8px 24px #00d4ff66}body.theme-dark app-home .cta-button:hover{background:linear-gradient(135deg,#00d4ff,#0f3460);box-shadow:0 12px 40px #00d4ff99;transform:translateY(-3px)}body.theme-dark app-home .secondary-button{background:#00d4ff1a;border:2px solid #00d4ff;color:#00d4ff}body.theme-dark app-home .secondary-button:hover{background:#00d4ff33;box-shadow:0 8px 24px #00d4ff4d}body.theme-dark app-home .user-info{background:#16213ef2;border:1px solid rgba(0,212,255,.3);box-shadow:0 8px 32px #00d4ff4d;color:#00d4ff}body.theme-dark app-home .user-info:hover{background:#0f3460f2;border-color:#00d4ff;box-shadow:0 12px 40px #00d4ff80}body.theme-dark app-home .user-info i{color:#00d4ff}body.theme-dark app-minha-conta .minha-conta-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}body.theme-dark app-minha-conta .minha-conta-container:before{background:#00d4ff1a}body.theme-dark app-minha-conta .minha-conta-container:after{background:#00d4ff0d}body.theme-dark app-minha-conta .form-card{background:#16213ef2;border:1px solid rgba(0,212,255,.3);box-shadow:0 20px 60px #00d4ff4d}body.theme-dark app-minha-conta .header-icon{background:linear-gradient(135deg,#0f3460,#00d4ff);box-shadow:0 8px 24px #00d4ff66}body.theme-dark app-minha-conta .card-header h1{background:linear-gradient(135deg,#00d4ff,#4a9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-dark app-minha-conta .subtitle{color:#b8b8d1}body.theme-dark app-minha-conta .form-group label{color:#e8e8e8}body.theme-dark app-minha-conta .form-group label i{color:#00d4ff}body.theme-dark app-minha-conta .form-control{background:#0f346099;border:2px solid rgba(0,212,255,.3);color:#e8e8e8}body.theme-dark app-minha-conta .form-control:focus{border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a;background:#0f3460cc}body.theme-dark app-minha-conta .divider:before{background:#00d4ff33}body.theme-dark app-minha-conta .divider span{background:#16213ef2;color:#b8b8d1}body.theme-dark app-minha-conta .btn-primary{background:linear-gradient(135deg,#0f3460,#00d4ff);box-shadow:0 8px 24px #00d4ff66}body.theme-dark app-minha-conta .btn-primary:hover:not(:disabled){box-shadow:0 12px 40px #00d4ff99}body.theme-dark app-minha-conta .btn-secondary{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}body.theme-dark app-minha-conta .btn-secondary:hover{background:#00d4ff33;box-shadow:0 8px 24px #00d4ff4d}body.theme-blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .3s ease;position:relative;overflow-x:hidden}body.theme-blue:before{content:"";position:fixed;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-250px;right:-250px;animation:float 6s ease-in-out infinite;z-index:0}body.theme-blue:after{content:"";position:fixed;width:400px;height:400px;background:#ffffff0d;border-radius:50%;bottom:-200px;left:-200px;animation:float 8s ease-in-out infinite;z-index:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}body.theme-blue app-menu .nav-links{background:#ffffff26;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #764ba24d}body.theme-blue app-menu .logo{color:#fff;text-shadow:0 2px 10px rgba(255,255,255,.3);font-weight:700}body.theme-blue app-menu .nav-links a,body.theme-blue app-menu .profile-btn{color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.1)}body.theme-blue app-menu .nav-links a:hover,body.theme-blue app-menu .profile-btn:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}body.theme-blue app-menu .nav-links a:after{background:#fff;box-shadow:0 0 10px #fffc}body.theme-blue app-menu .dropdown-menu,body.theme-blue app-menu .submenu{background:#667eeafa;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #764ba266}body.theme-blue app-menu .dropdown-menu li a,body.theme-blue app-menu .submenu li a{background:transparent;color:#fffffff2}body.theme-blue app-menu .dropdown-menu li a:hover,body.theme-blue app-menu .submenu li a:hover{background:linear-gradient(90deg,#ffffff1a,#ffffff40);color:#fff;border-left-color:#fff}body.theme-blue app-menu .avatar{border:2px solid rgba(255,255,255,.8);box-shadow:0 0 15px #ffffff4d}body.theme-blue app-menu-mobile .hamburger{background:#ffffff26;backdrop-filter:blur(15px);color:#fff;border:1px solid rgba(255,255,255,.25)}body.theme-blue app-menu-mobile .mobile-menu{background:#667eeafa;backdrop-filter:blur(15px);border-right:1px solid rgba(255,255,255,.2)}body.theme-blue app-menu-mobile .mobile-nav-item,body.theme-blue app-menu-mobile .mobile-submenu-item,body.theme-blue app-menu-mobile .mobile-submenu-sub-item{color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.1)}body.theme-blue app-menu-mobile .mobile-nav-item:hover,body.theme-blue app-menu-mobile .mobile-submenu-item:hover,body.theme-blue app-menu-mobile .mobile-submenu-sub-item:hover{background:#fff3;color:#fff}body.theme-blue ::-webkit-scrollbar-track{background:#667eea33}body.theme-blue ::-webkit-scrollbar-thumb{background:#764ba2cc;border-radius:4px}body.theme-blue ::-webkit-scrollbar-thumb:hover{background:#764ba2}body.theme-blue router-outlet,body.theme-blue app-root>*:not(app-menu):not(app-menu-mobile){position:relative;z-index:1}body.theme-blue app-home .user-info{background:#fff3;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #764ba24d;color:#fff}body.theme-blue app-home .user-info:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 12px 40px #764ba280}body.theme-blue app-home .user-info i{color:#fff}body.theme-dark .login-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}body.theme-dark .login-form{background:#16213ef2;backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);box-shadow:0 8px 32px #00d4ff33}body.theme-dark .login-form h2{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.3)}body.theme-dark .form-group label{color:#b8b8d1}body.theme-dark .form-control{background-color:#0f346099;border:2px solid rgba(0,212,255,.3);color:#e8e8e8}body.theme-dark .form-control:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff66;outline:none}body.theme-dark .btn-primary{background:linear-gradient(90deg,#0f3460,#00d4ff);border:none}body.theme-dark .btn-primary:hover{background:linear-gradient(90deg,#00d4ff,#0f3460);box-shadow:0 4px 15px #00d4ff66}body.theme-dark .link{color:#00d4ff}body.theme-dark .link:hover{color:#00a8cc}body.theme-blue .login-container{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}body.theme-blue .login-container:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-250px;right:-250px;animation:float 6s ease-in-out infinite}body.theme-blue .login-container:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff0d;border-radius:50%;bottom:-200px;left:-200px;animation:float 8s ease-in-out infinite}body.theme-blue .login-form{background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0000004d;position:relative;z-index:1}body.theme-blue .login-form:hover{transform:translateY(-5px);box-shadow:0 25px 70px #0006}body.theme-blue .login-form h2{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body.theme-blue .form-group label{color:#4a5568}body.theme-blue .form-control{background-color:#fff;border:2px solid #e2e8f0;color:#2d3748}body.theme-blue .form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}body.theme-blue .form-control::placeholder{color:#a0aec0}body.theme-blue .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}body.theme-blue .btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 4px 15px #667eea66}body.theme-blue .link{color:#667eea}body.theme-blue .link:hover{color:#764ba2;text-decoration:underline}body.theme-dark .cadastro-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}body.theme-dark .cadastro-container:before,body.theme-dark .cadastro-container:after{display:none}body.theme-dark .cadastro-card{background:#16213ef2;backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);box-shadow:0 20px 60px #00d4ff33}body.theme-dark .cadastro-card:hover{box-shadow:0 25px 70px #00d4ff4d}body.theme-dark .card-title{color:#00d4ff;background:none;-webkit-text-fill-color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.3)}body.theme-dark .card-subtitle,body.theme-dark .form-label{color:#b8b8d1}body.theme-dark .form-input{background-color:#0f346099;border:2px solid rgba(0,212,255,.3);color:#e8e8e8}body.theme-dark .form-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33}body.theme-dark .form-input.is-valid{border-color:#0f8}body.theme-dark .form-input.is-invalid{border-color:#f46}body.theme-dark .btn-submit{background:linear-gradient(90deg,#0f3460,#00d4ff)}body.theme-dark .btn-submit:hover{background:linear-gradient(90deg,#00d4ff,#0f3460);box-shadow:0 4px 15px #00d4ff66}body.theme-dark .login-link{color:#00d4ff}body.theme-dark .login-link:hover{color:#00a8cc}body.theme-blue .cadastro-container{background:linear-gradient(135deg,#667eea,#764ba2)}body.theme-blue .card-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html,body{max-width:100%;min-height:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input,select,textarea{max-width:100%;font:inherit}img,svg,video{max-width:100%}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (max-width:767px){button,a,input,select{min-height:44px}input,select,textarea{font-size:16px!important}}html{width:100%;overflow-x:hidden}body{width:100%;min-width:0;margin:0;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}app-root{display:block;width:100%;min-width:0;overflow-x:clip}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{min-width:0}h1,h2,h3,p,span,a,label{overflow-wrap:anywhere}@media (max-width:767px){body{min-height:100dvh}.container,.wrapper,.page,.pagina{max-width:100%;min-width:0}table{display:block;max-width:100%;overflow-x:auto}}body.theme-dark{--theme-bg:#0e2042;--theme-bg-2:#151a35;--theme-surface:#1b355f;--theme-surface-2:#102746;--theme-text:#f4f7ff;--theme-muted:#b8c5da;--theme-accent:#22d3ee;--theme-accent-2:#2dd4bf;--theme-border:#45dff044;--theme-shadow:#02061766}body.theme-blue{--theme-bg:#071d3b;--theme-bg-2:#0b3766;--theme-surface:#124b7b;--theme-surface-2:#0b3159;--theme-text:#f2f8ff;--theme-muted:#b8d5ed;--theme-accent:#38bdf8;--theme-accent-2:#60a5fa;--theme-border:#7dd3fc55;--theme-shadow:#02061766}body.theme-forest{--theme-bg:#071f1a;--theme-bg-2:#123d2d;--theme-surface:#174b39;--theme-surface-2:#0d3328;--theme-text:#f1fff8;--theme-muted:#b7d8c8;--theme-accent:#4ade80;--theme-accent-2:#a3e635;--theme-border:#86efac55;--theme-shadow:#03171288}body.theme-royal{--theme-bg:#170d35;--theme-bg-2:#30205f;--theme-surface:#3d2774;--theme-surface-2:#261850;--theme-text:#fbf7ff;--theme-muted:#d4c5e9;--theme-accent:#c084fc;--theme-accent-2:#facc15;--theme-border:#d8b4fe55;--theme-shadow:#0d052088}body.theme-sunset{--theme-bg:#321326;--theme-bg-2:#6b2737;--theme-surface:#743b46;--theme-surface-2:#4c2232;--theme-text:#fff8f2;--theme-muted:#f0c9bd;--theme-accent:#fb923c;--theme-accent-2:#facc15;--theme-border:#fdba7455;--theme-shadow:#20060b88}body.theme-light{--theme-bg:#e7eef7;--theme-bg-2:#f8fafc;--theme-surface:#ffffff;--theme-surface-2:#dce8f5;--theme-text:#17233b;--theme-muted:#52627a;--theme-accent:#0284c7;--theme-accent-2:#0d9488;--theme-border:#2563a033;--theme-shadow:#3341552d}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light){background:radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--theme-accent) 24%,transparent),transparent 28%),linear-gradient(135deg,var(--theme-bg),var(--theme-bg-2));color:var(--theme-text);transition:background .3s,color .3s}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(main,.home-container,.login-container,.cadastro-container,.minha-conta-container,.salas-page,.historico-page,.aulas-page,.campeonatos-page){background:radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent 32%),var(--theme-bg)!important;color:var(--theme-text)!important}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(.nav-links,.mobile-menu-container,.mobile-nav,.dropdown-menu,.submenu){background:color-mix(in srgb,var(--theme-bg-2) 94%,transparent)!important;border-color:var(--theme-border)!important;box-shadow:0 8px 28px var(--theme-shadow)!important}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(.form-card,.login-form,.cadastro-card,.painel,.criar,.publicas,.chat,.contador,.ranking,.chave,.conteudo,.lesson-content,.aula-card,.categoria-card,.history-card,.historico-card,.contact-card,.contato-card,.modal-content){background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:0 12px 32px var(--theme-shadow)!important}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(input,select,textarea){background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(p,small,label,.subtitle,.vazio){color:var(--theme-muted)}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(h1,h2,h3,h4,strong,b){color:var(--theme-text)}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(.logo,a:hover,.nav-item:hover,.mobile-logo){color:var(--theme-accent)!important}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) :is(.principal,.btn-primary,.btn-submit,.cta-button){background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2))!important;color:color-mix(in srgb,var(--theme-bg) 90%,#000)!important;border-color:transparent!important}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) ::selection{background:var(--theme-accent);color:var(--theme-bg)}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) ::-webkit-scrollbar-track{background:var(--theme-bg-2)}body:is(.theme-dark,.theme-blue,.theme-forest,.theme-royal,.theme-sunset,.theme-light) ::-webkit-scrollbar-thumb{background:var(--theme-accent)}body.theme-light :is(.nav-links,.mobile-menu-container,.mobile-nav,.dropdown-menu,.submenu) :is(a,button){color:var(--theme-text)!important}body.theme-dark app-root :is(h1,h2,h3,h4,.card-title,.home-title,.title){color:#f8fbff!important;text-shadow:0 1px 2px #02061780}body.theme-dark app-root :is(label,.form-label,.form-group label){color:#dce8f7!important}body.theme-dark app-root :is(.subtitle,.card-subtitle){color:#b9c9de!important}body.theme-dark app-minha-conta .card-header h1{color:#67e8f9!important;text-shadow:0 0 18px #22d3ee38}body.theme-dark app-minha-conta .form-group label{color:#e6eef9!important}body.theme-blue app-root :is(h1,h2,h3,h4,label,.form-label,.form-group label),body.theme-forest app-root :is(h1,h2,h3,h4,label,.form-label,.form-group label),body.theme-royal app-root :is(h1,h2,h3,h4,label,.form-label,.form-group label),body.theme-sunset app-root :is(h1,h2,h3,h4,label,.form-label,.form-group label){color:var(--theme-text)!important}body.theme-light app-root :is(h1,h2,h3,h4,label,.form-label,.form-group label){color:#17233b!important;text-shadow:none}