:root{--ink:#241b35;--ink-soft:#5c5470;--paper:#faf8f5;--card:#fff;--violet:#4c1d95;--violet-deep:#33125f;--flame:#7c3aed;--flame-soft:#f1eafe;--line:#e8e3dc;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}.serif,h1,h2,h3{font-family:Georgia,Times New Roman,serif;letter-spacing:-.01em}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}main{max-width:880px;margin:0 auto;padding:32px 20px 80px}.site-header{background:linear-gradient(120deg,var(--violet-deep),var(--violet));color:#fff;padding:14px 20px}.site-header .inner{max-width:880px;margin:0 auto;justify-content:space-between;gap:12px}.brand,.site-header .inner{display:flex;align-items:center}.brand{gap:10px;color:#fff;font-family:Georgia,serif;font-size:1.15rem}.brand:hover{text-decoration:none}.brand .mark{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.brand .mark img{width:40px;height:40px;display:block}.header-user{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#e6ddf7;flex-wrap:wrap;justify-content:flex-end}.header-user form{margin:0}@media (max-width:640px){.brand{font-size:1rem}.header-user{gap:8px}.header-user .user-email{display:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--flame);font-weight:600;margin-bottom:4px}.muted{color:var(--ink-soft);font-size:.9rem}.pill{display:inline-block;background:var(--flame-soft);color:var(--flame);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.btn,button{background:var(--violet);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.95rem;cursor:pointer;font-family:inherit}.btn:hover,button:hover{background:var(--violet-deep)}button.ghost{background:transparent;color:#e6ddf7;border:1px solid hsla(0,0%,100%,.35);padding:6px 12px;font-size:.8rem}button.ghost:hover{background:hsla(0,0%,100%,.12)}.text-input,input[type=email],textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}button.ghost-ink{background:transparent;color:var(--ink-soft);border:1px solid var(--line);padding:4px 10px;font-size:.78rem;border-radius:6px}button.ghost-ink:hover{background:var(--flame-soft);color:var(--flame);border-color:var(--flame)}button.check-btn{background:#fff;color:var(--violet);border:2px solid var(--violet);width:30px;height:30px;min-width:30px;border-radius:50%;padding:0;font-size:.95rem;line-height:1;display:grid;place-items:center}button.check-btn:hover{background:var(--flame-soft)}.progress-track{margin-top:8px;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--flame))}.video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:8px 0 12px;border-radius:8px;overflow:hidden;background:#000}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.material-image{display:block;max-width:100%;height:auto;border-radius:8px;border:1px solid var(--line);margin:8px 0 12px}.msg{padding:10px 12px;border-radius:10px;background:var(--paper);margin-bottom:10px;max-width:85%}.msg-mine{background:var(--flame-soft);margin-left:auto}button.att-btn{background:#fff;color:var(--ink-soft);border:1px solid var(--line);padding:6px 10px;font-size:.78rem;border-radius:6px;white-space:nowrap}button.att-btn.att-active{background:var(--violet);color:#fff;border-color:var(--violet);font-weight:700}.msg-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:var(--violet-deep);font-size:.72rem;font-weight:700}textarea{min-height:110px;resize:vertical}a:focus-visible,button:focus-visible,input:focus,textarea:focus{outline:2px solid var(--flame);outline-offset:1px}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}form.stack>*+*{margin-top:12px}.module{border-left:3px solid var(--violet);padding-left:16px;margin:28px 0}.item-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:none}.post{border-top:1px solid var(--line);padding:12px 0}.post .who{font-size:.8rem;color:var(--ink-soft);margin-bottom:2px}.notice{background:var(--flame-soft);border:1px solid #ddd0f5;border-radius:var(--radius);padding:14px 16px;font-size:.9rem}.grade{font-weight:700;color:var(--violet)}table.gradebook{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table.gradebook td,table.gradebook th{border:1px solid var(--line);padding:8px 10px;font-size:.85rem;text-align:left}table.gradebook th{background:var(--flame-soft);font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}dialog.modal{border:1px solid var(--line);border-radius:var(--radius);padding:20px;width:min(680px,92vw);max-height:85vh;overflow-y:auto;background:var(--card);color:var(--ink)}dialog.modal::-webkit-backdrop{background:rgba(36,27,53,.55)}dialog.modal::backdrop{background:rgba(36,27,53,.55)}.certificate{max-width:640px;margin:0 auto;text-align:center;border:3px double var(--violet);border-radius:6px;padding:48px 40px;background:#fff}.cert-eyebrow{font-family:Georgia,serif;font-size:1.6rem;color:var(--violet-deep);margin:0}.cert-line{color:var(--ink-soft);margin:10px 0 0}.cert-name{font-size:2rem;color:var(--ink)}.cert-course,.cert-name{font-family:Georgia,serif;margin:6px 0 0}.cert-course{font-size:1.4rem;color:var(--violet-deep)}.cert-issued{margin-top:22px;font-size:.9rem;color:var(--ink-soft)}.cert-rule{width:120px;height:2px;background:var(--violet);margin:18px auto 10px}.cert-footer{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0}@media print{.print-hide,.site-header{display:none!important}body{background:#fff}main{padding:0;max-width:none}.certificate{border-color:#33125f}}