:root{--azul: #102A43;--azul-royal: #1D4ED8;--azul-medio: #1e3a5f;--dourado: #C9A227;--dourado-claro: #F0D680;--branco: #F8FAFC;--cinza-bg: #EEF2F7;--verde: #16A34A;--vermelho: #DC2626;--laranja: #D97706;--surface: #ffffff;--borda: #CBD5E1;--texto: #1E293B;--texto-sec: #64748B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--branco);color:var(--texto);min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-narrow{max-width:680px;margin:0 auto;padding:2rem 1.5rem}.page-form{max-width:760px;margin:0 auto;padding:2rem 1.5rem}.nav{background:var(--azul);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #102a432e}.nav-logo{font-family:Lora,serif;color:var(--dourado-claro);font-size:1.2rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:10px}.nav-logo span{color:#fff;font-weight:400;font-size:.82rem;opacity:.65}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{background:none;border:none;color:#cbd5e1;font-size:.82rem;padding:7px 13px;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;transition:all .15s;text-decoration:none;display:inline-block}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.ativo{background:#c9a2272e;color:var(--dourado-claro)}.nav-avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--dourado);object-fit:cover;cursor:pointer;background:var(--azul-royal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:700}.nav-notif{position:relative;cursor:pointer;display:flex;align-items:center}.nav-notif-dot{width:8px;height:8px;background:var(--vermelho);border-radius:50%;position:absolute;top:-1px;right:-1px;border:1.5px solid var(--azul)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600;border-radius:8px;transition:all .18s;white-space:nowrap}.btn-primary{background:var(--azul-royal);color:#fff;padding:12px 24px;font-size:.92rem}.btn-primary:hover{background:#1a45c8;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{background:none;color:var(--azul-royal);border:1.5px solid var(--azul-royal);padding:10px 20px;font-size:.88rem}.btn-secondary:hover{background:#eff6ff}.btn-google{background:#fff;color:var(--texto);padding:13px 28px;font-size:.95rem;box-shadow:0 4px 16px #0000002e}.btn-google:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00000038}.btn-full{width:100%}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-danger{background:none;color:var(--vermelho);border:1.5px solid var(--vermelho);padding:10px 20px;font-size:.88rem}.card{background:var(--surface);border:1px solid var(--borda);border-radius:12px;padding:1.25rem 1.5rem}.card-hover{cursor:pointer;transition:all .2s}.card-hover:hover{border-color:var(--azul-royal);box-shadow:0 4px 20px #1d4ed814;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--borda);border-radius:12px;padding:1.1rem 1.25rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--azul-royal)}.stat-card.verde:before{background:var(--verde)}.stat-card.dourado:before{background:var(--dourado)}.stat-card.laranja:before{background:var(--laranja)}.stat-label{font-size:.75rem;color:var(--texto-sec);margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.9rem;font-weight:700;color:var(--texto);line-height:1}.stat-sub{font-size:.76rem;color:var(--texto-sec);margin-top:3px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-verde{background:#dcfce7;color:#166534}.badge-azul{background:#dbeafe;color:#1e40af}.badge-laranja{background:#fef3c7;color:#92400e}.badge-cinza{background:#f1f5f9;color:#475569}.badge-roxo{background:#ede9fe;color:#5b21b6}.badge-vermelho{background:#fee2e2;color:#991b1b}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-size:.83rem;font-weight:600;color:var(--texto);margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--borda);border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--texto);background:var(--surface);transition:border .15s;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--azul-royal)}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{font-size:.78rem;color:var(--vermelho);margin-top:4px}.bloco{background:var(--surface);border:1px solid var(--borda);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.bloco-titulo{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-sec);margin-bottom:10px}.bloco-versic{border-left:4px solid var(--dourado);background:linear-gradient(to right,#fefbf0,#fff)}.bloco-aplicacao{border-left:4px solid var(--verde);background:linear-gradient(to right,#f0fdf4,#fff)}.bloco-conceito{border-left:4px solid var(--azul-royal);background:linear-gradient(to right,#eff6ff,#fff)}.alert{padding:12px 16px;border-radius:8px;font-size:.86rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:10px;line-height:1.55}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.quiz-progress{display:flex;gap:6px;margin-bottom:1.5rem}.quiz-dot{flex:1;height:5px;border-radius:3px;background:var(--cinza-bg);transition:background .3s}.quiz-dot.feito{background:var(--verde)}.quiz-dot.atual{background:var(--azul-royal)}.quiz-opcao{background:var(--surface);border:1.5px solid var(--borda);border-radius:10px;padding:13px 16px;cursor:pointer;font-size:.91rem;line-height:1.45;transition:all .15s;display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.quiz-opcao:hover:not(.bloqueada){border-color:var(--azul-royal);background:#eff6ff}.quiz-opcao.selecionada{border-color:var(--azul-royal);background:#eff6ff}.quiz-opcao.correta{border-color:var(--verde);background:#f0fdf4}.quiz-opcao.errada{border-color:var(--vermelho);background:#fef2f2}.quiz-opcao.bloqueada{cursor:default}.opcao-letra{width:26px;height:26px;border-radius:50%;background:var(--cinza-bg);display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;color:var(--texto-sec);flex-shrink:0;margin-top:1px}.quiz-opcao.selecionada .opcao-letra{background:var(--azul-royal);color:#fff}.quiz-opcao.correta .opcao-letra{background:var(--verde);color:#fff}.quiz-opcao.errada .opcao-letra{background:var(--vermelho);color:#fff}.tabela{width:100%;border-collapse:collapse;font-size:.86rem}.tabela th{text-align:left;padding:10px 12px;background:var(--cinza-bg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-sec)}.tabela td{padding:11px 12px;border-bottom:1px solid var(--borda)}.tabela tr:last-child td{border-bottom:none}.tabela tr:hover td{background:#fafbfc}.back-btn{background:none;border:none;color:var(--texto-sec);font-size:.84rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-bottom:1.25rem;font-family:DM Sans,sans-serif;transition:color .15s}.back-btn:hover{color:var(--azul-royal)}.section-title{font-size:.97rem;font-weight:600;color:var(--texto);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.section-link{font-size:.82rem;color:var(--azul-royal);text-decoration:none;cursor:pointer;font-weight:400}.divider{height:1px;background:var(--borda);margin:1.5rem 0}.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.chip{padding:5px 13px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;border:1.5px solid var(--borda);color:var(--texto-sec);background:var(--surface);transition:all .15s}.chip.ativo{border-color:var(--azul-royal);color:var(--azul-royal);background:#eff6ff}.spinner{width:32px;height:32px;border:3px solid var(--borda);border-top-color:var(--azul-royal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:60vh}.empty{text-align:center;padding:3rem;color:var(--texto-sec);font-size:.9rem}.versic{font-family:Lora,serif;font-style:italic;font-size:.87rem;color:var(--azul-royal);border-left:3px solid var(--dourado);padding-left:10px;line-height:1.55}.pontos-lista{list-style:none;display:flex;flex-direction:column;gap:8px}.pontos-lista li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.5}.pontos-lista li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dourado);margin-top:8px;flex-shrink:0}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:12px 22px;border-radius:10px;font-size:.87rem;font-weight:500;color:#fff;box-shadow:0 4px 20px #0000002e;animation:toastIn .3s ease;white-space:nowrap}.toast.sucesso{background:var(--verde)}.toast.erro{background:var(--vermelho)}.toast.info{background:var(--azul)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff;border-radius:16px;padding:1.75rem;max-width:480px;width:100%;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.05rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--texto-sec);line-height:1}.nav-mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--azul);border-top:1px solid rgba(255,255,255,.1);z-index:100;padding:8px 0 env(safe-area-inset-bottom,8px)}.nav-mobile-inner{display:flex;justify-content:space-around}.nav-mobile-btn{background:none;border:none;color:#94a3b8;font-size:.62rem;font-family:DM Sans,sans-serif;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:0 12px;transition:color .15s}.nav-mobile-btn .icon{font-size:1.2rem}.nav-mobile-btn.ativo{color:var(--dourado-claro)}@media (max-width: 640px){.nav{display:none}.nav-mobile{display:block}.page,.page-narrow,.page-form{padding:1.25rem 1rem 80px}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}