@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--brand-navy:#06336f;--brand-navy-2:#082a5c;--brand-navy-3:#0a1e46;--brand-teal:#12c6c3;--brand-teal-2:#00aeb7;--brand-gold:#ffc83d;--brand-sky:#eafbff;--primary:var(--brand-navy);--primary-light:#0f63a6;--secondary:var(--brand-teal);--accent:var(--brand-gold);--warning:var(--brand-gold);--success:#10b981;--danger:#d94a38;--bg:#f6fbfd;--card:#fff;--text:#0b214d;--text-light:#51627d;--text-muted:#8ea1b7;--border:#ddeaf3;--border-light:#eef6fa;--brand-gradient:linear-gradient(135deg, var(--brand-navy) 0%, #075995 48%, var(--brand-teal) 100%);--brand-surface:linear-gradient(180deg, #fff 0%, #f1fcff 100%);--shadow:0 2px 12px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 8px 30px #00000014;--radius:16px;--radius-sm:10px;--radius-lg:20px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:15px;overflow-x:hidden}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;overflow-x:hidden}.brand-logo{flex:none;place-items:center;line-height:0;display:inline-grid;overflow:hidden}.brand-logo-framed{background:#fff;border:1px solid #06336f1f;border-radius:18px;box-shadow:0 10px 26px #06336f1f}.brand-logo-compact{border-radius:999px}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}input,select,textarea{font-size:16px}img,svg{max-width:100%;height:auto}@media (width<=768px){html{font-size:14px}button,a[role=button],input[type=submit]{min-height:40px}}@media (width<=480px){html{font-size:13.5px}}@media (width>=768px) and (width<=1024px){html{font-size:15px}}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:hover:not(:disabled){filter:brightness(1.05)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default}a{color:inherit;text-decoration:none}input,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.35s ease-out fadeIn}.fade-in-up{animation:.5s ease-out fadeInUp}.bounce-in{animation:.5s ease-out bounceIn}.shake{animation:.4s ease-out shake}.slide-in{animation:.3s ease-out slideInRight}.reading-passage{border:1px solid #e8ecf0;border-left:4px solid var(--primary);color:#2d3436;white-space:pre-line;background:linear-gradient(135deg,#fefefe 0%,#f8f9fe 100%);border-radius:12px;margin-bottom:24px;padding:24px 28px;font-size:15px;line-height:1.85;position:relative}@media (width<=640px){.reading-passage{padding:18px 20px;font-size:14px;line-height:1.7}}.reading-passage:before{content:"\"\"";color:var(--primary-light);opacity:.5;font-family:Georgia,serif;font-size:32px;position:absolute;top:-8px;left:20px}.question-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:32px 36px;transition:box-shadow .3s}@media (width<=640px){.question-card{border-radius:16px;padding:20px 18px}}.question-card:hover{box-shadow:var(--shadow-lg)}.option-btn{transition:all .2s}.option-btn:hover:not(:disabled){transform:translate(3px)}.progress-dot{border-radius:50%;width:10px;height:10px;transition:all .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px #12c6c329;border-color:var(--primary)!important}::selection{color:var(--text);background:#12c6c32e}
