*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(16px,2.75vw,18px)}body{margin:0;font-family:Poppins,system-ui,sans-serif;line-height:1.45;background:#f4f6f5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{min-height:100dvh}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#f4f6f5}.app-main{flex:1;padding:clamp(12px,3vw,18px);min-width:0}@media(min-width:901px){.app-layout{flex-direction:row;align-items:stretch}.app-sidebar-wrap{flex:0 0 280px;width:280px;min-height:100vh;min-height:100dvh}.app-main{flex:1}}.app-mobile-header{display:none;align-items:center;gap:12px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));background:#0b6b3a;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0000001f;flex-shrink:0}.app-menu-toggle{min-width:48px;min-height:48px;border:none;border-radius:12px;background:#fff3;color:#fff;font-size:1.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.app-mobile-title{font-weight:900;font-size:clamp(1.05rem,4vw,1.2rem);letter-spacing:.02em}.app-menu-backdrop{display:none;position:fixed;inset:0;z-index:90;background:#00000073;border:none;cursor:pointer;padding:0}.app-menu-backdrop.is-visible{display:block}@media(max-width:900px){.app-mobile-header{display:flex}.app-sidebar-wrap{flex:0 0 0;height:0;width:100%;overflow:visible;position:relative;z-index:100}.sidebar-root{position:fixed;left:0;top:0;bottom:0;width:min(340px,90vw);transform:translate(-100%);transition:transform .28s ease;box-shadow:4px 0 24px #0000002e;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}.app-sidebar-wrap.app-sidebar-wrap--open .sidebar-root{transform:translate(0)}.app-main{padding:clamp(12px,4vw,18px);padding-bottom:max(16px,env(safe-area-inset-bottom))}}.auth-page{padding:clamp(16px,5vw,28px);padding-bottom:max(24px,env(safe-area-inset-bottom))}.auth-card{width:100%;max-width:420px;margin-left:auto;margin-right:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.sim-question-container{animation:slideIn .35s cubic-bezier(.25,1,.5,1) forwards}.option-btn{text-align:left;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:700;background:#fff;border:2px solid #e2e8f0;color:#334155;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005;position:relative;overflow:hidden;line-height:1.4}.option-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#0b6b3a;box-shadow:0 8px 16px #0b6b3a1f;color:#0b6b3a}.option-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0b6b3a1a}.option-btn.selected-idle{background:#f0f7ff;border-color:#3b82f6;color:#1d4ed8}.option-btn.correct{background:#dcfce7;border-color:#22c55e;color:#166534;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 4px 12px #22c55e33;font-weight:800;z-index:2}.option-btn.wrong-selected{background:#fee2e2;border-color:#ef4444;color:#991b1b;animation:shake .4s cubic-bezier(.36,.07,.19,.97) forwards;box-shadow:0 4px 12px #ef444433;font-weight:800;z-index:2}.option-btn.pending-wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b;font-weight:800;z-index:2}.feedback-ok{margin-top:18px;background:#dcfce7;border:2px solid #bbf7d0;padding:16px;border-radius:12px;font-weight:900;color:#166534;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.feedback-bad{margin-top:18px;background:#fee2e2;border:2px solid #fecaca;padding:16px;border-radius:12px;font-weight:900;color:#991b1b;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.sustento-anim{animation:fadeIn .5s ease-out forwards}.start-container{animation:slideIn .4s cubic-bezier(.25,1,.5,1) forwards;max-width:600px;margin:60px auto;text-align:center}.start-card{background:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 15px 35px #0000000f;border:1px solid #f1f5f9;position:relative;overflow:hidden}.start-header{font-size:26px;font-weight:900;color:#1e293b;margin-bottom:24px}.stats-grid{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.stat-box{background:#f8fafc;padding:16px 24px;border-radius:16px;border:1px solid #e2e8f0;flex:1}.stat-value{font-size:28px;font-weight:900;color:#0b6b3a;margin-bottom:4px}.stat-label{font-size:13px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.start-btn{background:linear-gradient(135deg,#0b6b3a,#118c4e);color:#fff;border:none;border-radius:16px;padding:18px 36px;font-size:18px;font-weight:900;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 20px #0b6b3a40;display:inline-flex;align-items:center;justify-content:center;gap:12px;animation:pulseLight 2s infinite;width:100%;max-width:300px}.start-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0b6b3a59;background:linear-gradient(135deg,#0e8548,#18ac62);animation:none}@keyframes pulseLight{0%{box-shadow:0 0 #0b6b3a66}70%{box-shadow:0 0 0 20px #0b6b3a00}to{box-shadow:0 0 #0b6b3a00}}.start-icon{background:#e6f4ea;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 20px;color:#0b6b3a}.topic-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 25px #0000000d;transition:all .3s cubic-bezier(.25,1,.5,1);border:1px solid #f1f5f9;display:flex;flex-direction:column;height:100%}.topic-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #0b6b3a1f;border-color:#d1fae5}.topic-title{font-size:20px;font-weight:900;color:#1e293b;margin-bottom:12px;margin-top:0}.topic-meta{font-size:13px;font-weight:800;color:#64748b;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.topic-meta-badge{background:#f1f5f9;padding:6px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.topic-btn{margin-top:auto;background:linear-gradient(135deg,#0ceb77,#0b6b3a);color:#fff;border:none;border-radius:14px;padding:14px 20px;font-size:16px;font-weight:900;cursor:pointer;transition:all .2s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;background-size:200% auto}.topic-btn:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 8px 20px #0b6b3a40}@media(max-width:900px){.option-btn{padding:16px 18px;font-size:clamp(15px,3.8vw,17px);line-height:1.45}}