@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #dbeafe;--primary-softer: #eff6ff;--primary-text: #1e40af;--accent: #e87b35;--accent-hover: #d16a28;--accent-soft: #fff1e6;--accent-text: #9a4a14;--page-bg: #f5f2ee;--surface: #faf8f5;--surface-raised: #ffffff;--border: #ddd9d2;--border-light: #ebe7e1;--text-primary: #1a1815;--text-secondary: #5e5a54;--text-muted: #9a958e;--success: #2d8a56;--success-soft: #ddf3e6;--success-text: #1e6e40;--error: #c9392e;--error-soft: #fce5e3;--error-text: #a02a21;--warning: #b8862a;--warning-soft: #fdf3de;--warning-text: #7a5a1c;--font-main: "Outfit", sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 100px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .07);--transition: .15s ease-out;--hover-lift: translateY(-1px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);font-size:14px;color:var(--text-primary);background:var(--page-bg);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{font-family:var(--font-main);line-height:1.2}a{color:var(--primary);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px 18px;box-shadow:var(--shadow-card);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:var(--hover-lift);box-shadow:var(--shadow-hover)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;padding:11px 22px;border-radius:var(--radius-md);font-family:var(--font-main);font-weight:700;font-size:14px;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:var(--primary-hover);transform:var(--hover-lift)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-raised);color:var(--text-primary);border:1.5px solid var(--border);padding:11px 22px;border-radius:var(--radius-md);font-family:var(--font-main);font-weight:700;font-size:14px;cursor:pointer;transition:border-color var(--transition),transform var(--transition)}.btn-secondary:hover{border-color:var(--primary);transform:var(--hover-lift)}.text-input,.text-area{padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);font-family:var(--font-main);font-size:14px;color:var(--text-primary);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.text-input:focus,.text-area:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.text-input::placeholder,.text-area::placeholder{color:var(--text-muted)}.chip{padding:6px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition)}.chip.active{border-color:var(--primary);color:var(--primary-text);background:var(--primary-soft)}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-primary{background:var(--primary-soft);color:var(--primary-text)}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-error{background:var(--error-soft);color:var(--error-text)}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-muted{background:var(--border-light);color:var(--text-secondary)}.feedback{padding:16px 18px;border-radius:var(--radius-xl)}.feedback.correct{background:var(--success-soft);border:1.5px solid var(--success)}.feedback.incorrect{background:var(--error-soft);border:1.5px solid var(--error)}.option{padding:13px 16px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.option:hover{border-color:var(--primary)}.option.selected{border-color:var(--primary);background:var(--primary-softer)}.option.correct{border-color:var(--success);background:var(--success-soft)}.option.incorrect{border-color:var(--error);background:var(--error-soft)}.progress-track{height:6px;background:var(--border-light);border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-pill);transition:width var(--transition)}.page{max-width:440px;margin:0 auto;padding:24px 16px}@media(min-width:640px){.page{max-width:600px;padding:28px 20px}}@media(min-width:1024px){.page{max-width:720px;padding:32px 24px}}.revision-layout{max-width:440px;margin:0 auto;padding:24px 16px}.revision-header{margin-bottom:20px}.revision-sidebar{display:none}.revision-stepper-mobile{margin-bottom:20px}@media(min-width:640px){.revision-layout{max-width:600px;padding:28px 20px}}@media(min-width:900px){.revision-layout{max-width:1100px;display:grid;grid-template-columns:230px 1fr;grid-template-rows:auto 1fr;gap:0 28px;padding:32px 40px}.revision-header{grid-column:1 / -1}.revision-sidebar{display:block;align-self:start;position:sticky;top:24px}.revision-stepper-mobile{display:none}.revision-main{min-width:0}}@media(min-width:1200px){.revision-layout{max-width:1200px;grid-template-columns:250px 1fr;gap:0 36px}}@keyframes spin{to{transform:rotate(360deg)}}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:24px}