:root{--bg:#fff;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 8px 24px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background-color:var(--bg);color:var(--ink);overflow-x:hidden}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}.page-grid-flow{max-width:1100px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:56px}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.panel-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.primary-button{background:var(--vermillion);color:#fff;border:none;border-radius:99px;padding:14px 28px;font-weight:800;font-size:1.05rem;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 12px var(--vermillion-soft)}.primary-button:hover{transform:translateY(-2px);background:#be123c;box-shadow:0 6px 16px rgba(225,29,72,.3)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-button{background:rgba(0,0,0,.03);color:var(--ink);border:1px solid var(--border);border-radius:99px;padding:14px 28px;font-weight:800;font-size:1.05rem;display:inline-flex;align-items:center;gap:8px;transition:background .2s}.ghost-button:hover{background:rgba(0,0,0,.06)}.section-heading{margin-bottom:28px;text-align:center}.section-heading .eyebrow{color:var(--vermillion);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.section-heading h2{font-size:2.5rem;font-weight:900;letter-spacing:-.02em;color:var(--navy);margin-bottom:12px}.section-heading p{color:var(--ink-soft);font-size:1.15rem;max-width:600px;margin:0 auto}.card-grid{display:grid;grid-gap:24px;gap:24px}.card-grid.three-up{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid.four-up{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-sm)}.info-card h3{font-size:1.35rem;font-weight:800;color:var(--navy);margin:16px 0 8px}.info-card p{color:var(--ink-soft);font-size:1rem}.card-kicker{color:var(--teal);font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.task-container{max-width:600px;margin:0 auto;width:100%}.droppable-area{min-height:80px;background:rgba(0,0,0,.02);border:2px dashed rgba(0,0,0,.1);border-radius:var(--radius-md);padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.draggable-item{background:var(--surface);color:var(--navy);padding:12px 20px;border-radius:var(--radius-sm);font-weight:800;font-size:1.1rem;cursor:-webkit-grab;cursor:grab;box-shadow:0 4px 0 rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);border:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s}.draggable-item:active{cursor:-webkit-grabbing;cursor:grabbing;transform:translateY(4px);box-shadow:0 0 0 rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1)}.mcq-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:18px 24px;width:100%;text-align:left;font-size:1.15rem;font-weight:700;color:var(--navy);transition:all .2s;margin-bottom:12px;box-shadow:0 2px 0 rgba(0,0,0,.05)}.mcq-option:hover:not(:disabled){background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.15);transform:translateY(-2px);box-shadow:0 4px 0 rgba(0,0,0,.05)}.mcq-option.selected{background:var(--vermillion-soft);border-color:var(--vermillion)}.mcq-option.correct{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.mcq-option.incorrect{background:var(--vermillion-soft);border-color:var(--vermillion);color:var(--vermillion)}:root{color-scheme:light;--navy:#070c1b;--bg:#faf9f6;--surface:#fff;--ink:#1e293b;--ink-soft:#64748b;--vermillion:#e11d48;--vermillion-soft:rgba(225,29,72,.1);--teal:#0d9488;--teal-soft:rgba(13,148,136,.1);--purple:#7c3aed;--purple-soft:rgba(124,58,237,.1);--gold:#d97706;--gold-soft:rgba(217,119,6,.1);--border:rgba(0,0,0,.08);body{background-color:var(--bg)!important;color:var(--ink)!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}