:root{--color-bg:#fbfaff;--color-surface:#fff;--color-surface-soft:#f3f1ff;--color-text:#1f2138;--color-text-muted:#5b5e7e;--color-border:#e6e3f5;--color-primary:#5b6cff;--color-primary-dark:#4150d6;--color-primary-soft:#e8ebff;--color-accent-teal:#16b8a6;--color-accent-orange:#ff8a3d;--color-accent-pink:#ff6aa3;--color-accent-yellow:#ffc94a;--color-success:#2bb673;--color-warn:#f5a623;--color-error:#e85d6f;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-sm:0 1px 2px #1f21380f;--shadow-md:0 6px 18px #1f213814;--shadow-lg:0 16px 40px #1f21381f;--font-sans:"Nunito","Quicksand",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--container-max:1180px;--header-h:72px}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:17px;line-height:1.55}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800}h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800}h3{font-size:1.25rem;font-weight:700}p{margin:0 0 1em}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.skip-to-content{background:var(--color-primary);color:#fff;border-radius:0 0 var(--radius-md)0;z-index:10000;padding:12px 18px;position:absolute;top:0;left:-9999px}.skip-to-content:focus{left:0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-lg);border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-ghost{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-ghost:hover{background:var(--color-primary-soft)}.btn-lg{border-radius:var(--radius-xl);min-height:56px;padding:16px 28px;font-size:1.1rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:24px}.site-header{-webkit-backdrop-filter:saturate(160%)blur(8px);backdrop-filter:saturate(160%)blur(8px);border-bottom:1px solid var(--color-border);z-index:50;background:#ffffffd9;position:sticky;top:0}.site-header .nav{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.site-header .brand{color:var(--color-text);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:inline-flex}.site-header .brand-mark{color:#fff;background:linear-gradient(135deg,#5b6cff 0%,#16b8a6 100%);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:inline-flex}.site-header .brand small{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:600;display:block}.site-header .nav-links{align-items:center;gap:22px;display:flex}.site-header .nav-links a{color:var(--color-text);font-size:.98rem;font-weight:600}.site-header .nav-links a:hover{color:var(--color-primary);text-decoration:none}@media (max-width:480px){.site-header .nav-links .nav-subject-link,.site-header .nav-links .nav-greeting{display:none}}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:80px;padding:28px 0;font-size:.92rem}.site-footer .footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hero{background:radial-gradient(1100px 400px at 90% -10%,#ff8a3d2e,transparent 60%),radial-gradient(900px 380px at 0% 0%,#5b6cff2e,transparent 55%),var(--color-bg);padding:64px 0 48px;position:relative}.hero .hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.hero h1 .accent{background:linear-gradient(120deg,#5b6cff 0%,#16b8a6 60%,#ff8a3d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:var(--color-text-muted);max-width:56ch;font-size:1.18rem}.hero .hero-cta{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.hero .hero-art{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:linear-gradient(160deg,#fff 0%,#f3f1ff 100%);padding:28px;position:relative}.hero .hero-art .blob{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.hero .hero-art .tile{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;justify-content:center;align-items:center;height:86px;font-size:2.2rem;display:flex}.hero .hero-art .tile.t1{background:#eef0ff}.hero .hero-art .tile.t2{background:#e6f8f5}.hero .hero-art .tile.t3{background:#fff1e6}.hero .hero-art .tile.t4{background:#ffeaf2}.hero .hero-art .tile.t5{background:#fff8df}.hero .hero-art .tile.t6{background:#efeefe}@media (max-width:860px){.hero .hero-grid{grid-template-columns:1fr}}.section{padding:56px 24px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.section-head .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;font-size:.78rem;font-weight:800;display:inline-block}.section-head p{color:var(--color-text-muted);max-width:60ch;margin:0}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.subject-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.subject-card:hover{box-shadow:var(--shadow-md);border-color:#0000;text-decoration:none;transform:translateY(-3px)}.subject-card .icon{border-radius:var(--radius-md);background:var(--color-surface-soft);justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:inline-flex}.subject-card h3{margin:4px 0 0}.subject-card .grades{color:var(--color-text-muted);font-size:.88rem;font-weight:600}.subject-card .desc{color:var(--color-text-muted);margin:0}.subject-card .row{gap:10px;margin-top:auto;padding-top:12px;display:flex}.subject-card .row .pill{background:var(--color-primary-soft);color:var(--color-primary-dark);border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,transform .1s}.subject-card .row .pill:hover{border-color:currentColor;text-decoration:none;transform:translateY(-1px)}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.feature{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:22px}.feature .icon{border-radius:var(--radius-md);background:var(--color-surface-soft);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;font-size:1.4rem;display:inline-flex}.feature h4{margin:0 0 6px;font-size:1.05rem}.feature p{color:var(--color-text-muted);margin:0;font-size:.95rem}.subject-hero{padding:48px 24px}.subject-hero .badge{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.grade-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:24px;display:grid}.grade-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;color:inherit;padding:22px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s}.grade-tile:hover{box-shadow:var(--shadow-md);border-color:#0000;text-decoration:none;transform:translateY(-2px)}.grade-tile .num{color:var(--color-primary);font-size:1.6rem;font-weight:800;display:block}.grade-tile .label{color:var(--color-text-muted);margin-top:4px;font-size:.85rem;font-weight:600;display:block}.strand-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px;display:grid}.strand-card header h3{margin:4px 0}.topic-chips{flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.topic-chip{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:48px;padding:12px 14px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:block}.topic-chip:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;text-decoration:none;transform:translateY(-1px)}.practice-bar{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:.95rem;font-weight:600;display:flex}.practice-card{padding:28px}.practice-prompt{margin:8px 0 18px;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.35}.practice-choices{flex-direction:column;gap:10px;display:flex}.practice-choice{appearance:none;text-align:left;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;min-height:56px;padding:14px 18px;font-size:1rem;font-weight:600;transition:background .1s,border-color .1s,transform .1s}.practice-choice:hover:not(:disabled),.practice-choice.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.practice-choice.is-correct{border-color:var(--color-success);background:#2bb6731f}.practice-choice.is-wrong{border-color:var(--color-error);background:#e85d6f1f}.practice-choice.is-answer{border-color:var(--color-success);border-style:dashed}.practice-choice:disabled{cursor:default}.practice-input{border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg);width:100%;min-height:56px;padding:14px 16px;font-family:inherit;font-size:1rem}.practice-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.practice-feedback{border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:18px;padding:14px 16px}.practice-feedback.ok{border-color:var(--color-success);color:#155f3c;background:#2bb6731a}.practice-feedback.bad{border-color:var(--color-error);color:#8a2533;background:#e85d6f1a}.note-prose{padding:28px}.note-prose h3{margin:18px 0 8px;font-size:1.35rem}.note-prose h3:first-child{margin-top:0}.note-prose h4{color:var(--color-text-muted);margin:14px 0 6px;font-size:1.1rem}.note-prose p{margin:0 0 .9em;font-size:1.05rem;line-height:1.65}.note-prose ul{margin:0 0 .9em;padding-left:22px}.note-prose li{margin-bottom:4px;line-height:1.55}.read-aloud-btn{min-height:40px;padding:8px 14px;font-size:.95rem}.mark-as-read-bar{z-index:5;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:8px;margin-top:24px;padding:14px 18px;display:flex;position:sticky;bottom:16px}.mark-as-read-hint{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-weight:600;display:flex}.quiz-banner-grid{grid-template-columns:1fr;gap:14px;margin-top:24px;display:grid}.quiz-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.quiz-palette{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.quiz-palette-dot{border:2px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:background .1s,border-color .1s,transform .1s;display:inline-flex}.quiz-palette-dot:hover{border-color:var(--color-primary);transform:translateY(-1px)}.quiz-palette-dot.is-done{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-dark)}.quiz-palette-dot.is-here{outline:3px solid var(--color-primary);outline-offset:1px}.quiz-review{flex-direction:column;gap:12px;margin-top:20px;display:flex}.quiz-review-item{border-left:4px solid var(--color-border);padding:18px}.quiz-review-item.ok{border-left-color:var(--color-success)}.quiz-review-item.bad{border-left-color:var(--color-error)}.quiz-review-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.quiz-review-tag{color:var(--color-text-muted);font-size:.9rem;font-weight:700}.quiz-review-item.ok .quiz-review-tag{color:#155f3c}.quiz-review-item.bad .quiz-review-tag{color:#8a2533}.quiz-review-prompt{margin:0 0 10px;font-weight:600}.quiz-review-line{margin:4px 0}.quiz-review-line.muted{color:var(--color-text-muted);font-size:.95rem}.placeholder{text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border);padding:64px 24px}.placeholder .big-emoji{margin-bottom:8px;font-size:3rem;display:block}.placeholder p{color:var(--color-text-muted);max-width:52ch;margin:0 auto 18px}.auth-card{max-width:420px;margin:64px auto;padding:32px}.auth-card label{color:var(--color-text-muted);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.auth-card input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);width:100%;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:1rem}.auth-card input:focus,.auth-card .auth-select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.auth-card .auth-select{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted)50%),linear-gradient(135deg,var(--color-text-muted)50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;width:100%;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:1rem}.nav-menu-wrap{align-items:center;display:inline-flex;position:relative}.nav-menu-trigger{font-weight:700;padding:8px 14px!important}.nav-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);z-index:60;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.nav-menu-item{text-align:left;width:100%;font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;text-decoration:none;display:block}.nav-menu-item:hover,.nav-menu-item:focus-visible{background:var(--color-surface-soft);color:var(--color-text);outline:none;text-decoration:none}.dashboard-progress{margin-top:36px}.dashboard-progress>h3{margin:0 0 14px}.resume-card{color:inherit;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.resume-card:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.resume-card .resume-topic{margin:4px 0;font-size:1.1rem;font-weight:700;display:block}.resume-card .resume-arrow{color:var(--color-primary);font-size:1.5rem;font-weight:800}.progress-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.progress-card{padding:18px 20px}.progress-row{margin-top:10px}.progress-row+.progress-row{margin-top:18px}.progress-row-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:.95rem;display:flex}.progress-bar{background:var(--color-surface-soft);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .3s}.progress-meta{color:var(--color-text-muted);margin:6px 0 0;font-size:.9rem}.region-badge{background:var(--color-surface-soft);color:var(--color-text);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin:0 0 4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.footer-curriculum{color:var(--color-text-muted);margin:0 0 10px;font-size:.88rem}.password-field{margin-bottom:14px;position:relative}.password-field input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);width:100%;padding:12px 64px 12px 14px;font-family:inherit;font-size:1rem}.password-field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.password-toggle{font:inherit;color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:.85rem;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{background:var(--color-primary-soft);outline:none}.auth-checkbox{color:var(--color-text-muted);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:.92rem;line-height:1.4;display:flex}.auth-checkbox input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px}.legal-page{max-width:720px;margin:0 auto}.legal-page h2{margin:24px 0 8px;font-size:1.2rem}.legal-page p{margin:0 0 14px}.legal-page ul{margin:0 0 14px;padding-left:22px}.legal-page li{margin-bottom:6px}.legal-meta{color:var(--color-text-muted);margin:0 0 18px;font-size:.9rem}.legal-disclaimer{border:1px solid var(--color-warn);border-radius:var(--radius-md);background:#ffc94a2e;margin:0 0 22px;padding:10px 14px;font-size:.92rem}.loading-wrap{min-height:50vh;color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:600;display:flex}