@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#17213c;--ink-soft:#34415f;--muted:#77819a;--line:#e8ebf3;--paper:#fff;--canvas:#f7f8fc;--brand:#4e5fd0;--brand-dark:#33469f;--brand-pale:#eef0ff;--teal:#258e83;--orange:#d98a42;--shadow:0 12px 34px rgba(29,42,86,.07);--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.55}
button,input,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;letter-spacing:-.035em}
.public-body{background:#fbfbfe;min-height:100vh}
.public-header{height:78px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.05em}
.brand-mark{width:34px;height:34px;border-radius:11px;display:inline-grid;place-items:center;background:linear-gradient(145deg,#6477e3,#3546a1);color:white;font-size:19px;box-shadow:0 5px 12px #4255bd38}
.brand-light{font-weight:500;color:#7180aa}
.public-nav{display:flex;align-items:center;gap:26px;color:#57627f;font-weight:600}
.public-nav>a:first-child:hover,.text-link:hover{color:var(--brand)}
.landing-hero{max-width:1240px;margin:0 auto;padding:60px 32px 76px;min-height:560px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px}
.hero-copy{max-width:570px}
.eyebrow,.auth-step,.exam-kicker{color:#8791a9;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.4}
.eyebrow{display:flex;align-items:center;gap:8px}
.eyebrow-dot{width:7px;height:7px;background:#6878e4;border-radius:50%;box-shadow:0 0 0 4px #6878e420}
.hero-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.09;max-width:650px;margin:22px 0 20px;font-weight:800}
.hero-copy h1 span{color:#596bd8}
.hero-lede{max-width:520px;color:#6c7690;font-size:17px;line-height:1.8;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button{border:0;border-radius:10px;min-height:42px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;letter-spacing:-.01em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;color:var(--ink);white-space:nowrap}
.button:hover{transform:translateY(-1px)}
.button-primary{background:linear-gradient(135deg,#6677e1,#4e5fcf);color:white;box-shadow:0 8px 16px #5264d22d}
.button-primary:hover{background:linear-gradient(135deg,#586bdb,#3e50bd);box-shadow:0 10px 20px #5264d23c}
.button-dark{background:#28355f;color:white}
.button-soft{background:#eef0ff;color:#4052bf}
.button-outline{background:white;border:1px solid #dce1ee;color:#485577}
.button-large{min-height:50px;padding:13px 21px;font-size:14px}
.button-small{min-height:35px;padding:8px 12px;border-radius:8px;font-size:12px}
.button-full{width:100%}
.button:disabled{opacity:.55;cursor:wait;transform:none}
.text-link{display:inline-flex;align-items:center;gap:9px;color:#4c5fc8;font-weight:700;font-size:13px;transition:color .15s}
.hero-proof{display:flex;align-items:center;gap:12px;color:#818aa0;font-size:12px;margin-top:36px}
.proof-avatars{display:flex;padding-left:2px}
.proof-avatars i{font-style:normal;width:25px;height:25px;border:2px solid #fbfbfe;margin-left:-3px;border-radius:50%;display:grid;place-items:center;background:#e8eaff;color:#5061c8;font-size:10px;font-weight:700}
.proof-avatars i:nth-child(2){background:#e5f3ef;color:#288174}.proof-avatars i:nth-child(3){background:#fff0dd;color:#b87833}
.hero-art{min-height:440px;position:relative;display:grid;place-items:center}
.hero-orbit{position:absolute;border:1px solid #e7e9f6;border-radius:50%;transform:rotate(-17deg)}
.orbit-one{width:470px;height:360px}.orbit-two{width:390px;height:300px;border-style:dashed;opacity:.7}
.preview-card{z-index:1;width:min(440px,100%);background:#fff;border:1px solid #edf0f6;border-radius:20px;padding:27px 29px;box-shadow:0 24px 68px #2e3a7417;transform:rotate(-2deg)}
.preview-top{display:flex;justify-content:space-between;color:#9ba4b8;font-size:9px;letter-spacing:.13em;font-weight:700}
.preview-menu{font-size:14px;letter-spacing:.12em}
.preview-card h3{font-size:22px;margin:23px 0 6px}.preview-card>p{color:#929bb0;font-size:12px;margin-bottom:20px}
.preview-chart{height:158px;position:relative;padding-top:5px}
.chart-grid{position:absolute;inset:10px 0 34px;display:flex;flex-direction:column;justify-content:space-between}
.chart-grid i{height:1px;background:#eff1f7}
.preview-chart svg{position:relative;width:100%;height:124px;overflow:visible}
.chart-labels{display:flex;justify-content:space-between;color:#a5adbf;font-size:9px;margin-top:-1px}
.preview-skills{display:flex;gap:18px;border-top:1px solid #f0f1f6;padding-top:17px;margin-top:11px;color:#8a93a8;font-size:10px}
.preview-skills span{display:flex;align-items:center;gap:6px}.skill-dot{width:7px;height:7px;border-radius:50%}.dot-violet{background:#737fe3}.dot-teal{background:#43ad9c}.dot-orange{background:#e5a25b}
.hero-note{z-index:2;position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;background:#fff;border:1px solid #edf0f6;border-radius:13px;box-shadow:0 14px 32px #27356e16;min-width:225px}
.note-top{top:33px;right:-9px}.note-bottom{bottom:24px;left:-25px;min-width:260px}
.note-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f1efff;color:#6a5fc1;font-size:14px}.note-check{background:#e6f6f1;color:#218b72;font-weight:700}.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:11px}.hero-note small{margin-top:3px;color:#9aa3b7;font-size:9px}.note-arrow{margin-left:auto;color:#6577d8}
.landing-features{background:#f5f6fb;padding:58px max(32px,calc((100% - 1176px)/2));display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.landing-features>div{max-width:310px}.feature-number{color:#6978d7;font-size:10px;font-weight:700;letter-spacing:.14em}.landing-features h2{font-size:17px;margin:12px 0 7px}.landing-features p{color:#818ba1;font-size:12px;line-height:1.7;margin:0}
.public-footer{min-height:82px;max-width:1240px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;color:#9aa2b5;font-size:11px}.brand-lockup-small{font-size:14px;color:#34405f}.brand-lockup-small .brand-mark{width:25px;height:25px;border-radius:8px;font-size:14px}
.public-flashes{max-width:1160px;margin:10px auto 0;padding:0 24px}
.flash{padding:12px 15px;border-radius:10px;margin-bottom:10px;font-size:13px}.flash-success{background:#e9f7f1;color:#28735d}.flash-error,.flash-warning{background:#fff1e8;color:#9b5334}.flash-info{background:#eef1ff;color:#4659bb}

/* Account entry */
.auth-layout{max-width:1080px;min-height:660px;margin:36px auto 70px;padding:0 24px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;gap:0}
.auth-story{align-self:stretch;border-radius:22px 0 0 22px;padding:55px 45px;background:radial-gradient(circle at 85% 12%,#7483de 0,transparent 32%),linear-gradient(145deg,#334785,#202c56);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.auth-story:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff18;border-radius:50%;right:-165px;bottom:-155px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05}
.eyebrow-light{color:#c5ccef}.eyebrow-light .eyebrow-dot{background:#a8b3ff;box-shadow:0 0 0 4px #a8b3ff24}
.auth-story h1{position:relative;z-index:1;font-size:37px;line-height:1.2;margin:23px 0 14px;max-width:440px}.auth-story>p{position:relative;z-index:1;color:#c4cbe0;font-size:14px;line-height:1.8;max-width:400px}
.story-decoration{display:flex;gap:9px;flex-wrap:wrap;margin-top:31px;position:relative;z-index:1}.story-decoration span{border:1px solid #ffffff2c;background:#ffffff0e;border-radius:99px;padding:7px 11px;color:#dfe3f5;font-size:10px}
.auth-story-compact{min-height:555px}.auth-story-compact h1{max-width:360px}
.signup-perks{display:grid;gap:18px;margin-top:33px;position:relative;z-index:1}.signup-perks>div{display:flex;gap:12px;align-items:center}.signup-perks>div>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffffff19;color:#b7c3ff;font-weight:700;font-size:12px}.signup-perks p{margin:0}.signup-perks strong,.signup-perks small{display:block}.signup-perks strong{font-size:12px}.signup-perks small{margin-top:3px;color:#b6c0dc;font-size:10px}
.auth-panel{background:#fff;border:1px solid #eaedf4;border-left:0;box-shadow:var(--shadow);border-radius:0 22px 22px 0;padding:42px 49px;min-width:0}.auth-panel-signup{padding:35px 42px}.auth-heading{margin-bottom:24px}.auth-heading h2{font-size:30px;margin:8px 0 5px}.auth-heading p{color:#8791a5;font-size:12px;margin:0}.auth-step{color:#6979d7}
.form-stack{display:grid;gap:15px}.field{display:grid;gap:6px;min-width:0}.field label{color:#46516d;font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;height:43px;border:1px solid #dfe4ef;border-radius:9px;background:#fff;color:#27324f;padding:10px 12px;outline:none;transition:border .15s,box-shadow .15s;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7b89e6;box-shadow:0 0 0 3px #6677e11c}.field input::placeholder,.field textarea::placeholder{color:#b0b7c6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-error{color:#b94d4d;font-size:10px}.form-alert{background:#fff0ed;border:1px solid #ffe0d9;color:#9a514a;padding:10px 12px;border-radius:9px;font-size:12px;margin-bottom:14px}.form-alert ul{margin:0;padding-left:18px}.check-field{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;background:#f8f9fd;border:1px solid #eceef5;border-radius:10px;cursor:pointer}.check-field input{accent-color:#596bd3;margin:3px 0 0}.check-field span{display:grid;gap:3px}.check-field strong{font-size:11px;color:#46516d}.check-field small{font-size:10px;color:#8992a7}.fine-print{font-size:9px;line-height:1.6;color:#9ba3b4;text-align:center;margin:-4px 0 0}
.auth-divider{display:flex;align-items:center;gap:12px;color:#a1a9b8;margin:20px 0 14px;font-size:10px}.auth-divider span{height:1px;background:#eceef4;flex:1}.auth-divider em{font-style:normal;white-space:nowrap}.google-button{min-height:42px;display:flex;justify-content:center}.google-button iframe{max-width:100%}.google-error{color:#b94d4d;font-size:11px;text-align:center;margin:8px 0}.google-unavailable{text-align:center;padding:12px;border:1px dashed #d9deea;border-radius:9px;color:#9aa2b3;font-size:11px}.auth-switch{text-align:center;font-size:11px;color:#8791a5;margin:19px 0 0}.auth-switch a{color:#4e60c6;font-weight:700}
.standalone-card-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:40px 20px}.standalone-card{width:min(100%,490px);padding:48px 43px;background:#fff;border:1px solid #eaedf4;border-radius:20px;box-shadow:var(--shadow);text-align:center}.standalone-icon{width:58px;height:58px;border-radius:18px;background:#eef0ff;color:#5364cf;display:grid;place-items:center;margin:0 auto 19px;font-size:24px}.standalone-icon.icon-success{background:#e7f6f0;color:#22866c}.standalone-icon.icon-warning{background:#fff0e8;color:#ce7745}.standalone-card h1{font-size:30px;margin:10px 0}.standalone-card p{color:#7d879e;font-size:13px;line-height:1.8;margin:0 auto 24px}.standalone-card .button{margin:0 auto}

/* Dashboard shell */
.app-body{background:var(--canvas);min-height:100vh}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;z-index:30;inset:0 auto 0 0;background:#fff;border-right:1px solid #eceef5;padding:26px 16px 18px;display:flex;flex-direction:column}.sidebar-brand{padding:0 9px 35px;font-size:18px}.sidebar-label{padding:0 13px 11px;color:#a1a9b9;font-size:9px;font-weight:700;letter-spacing:.14em}.side-nav{display:grid;gap:5px}.side-link{min-height:45px;border-radius:10px;padding:10px 13px;display:flex;align-items:center;gap:12px;color:#7b859b;font-size:12px;font-weight:600;transition:background .15s,color .15s}.side-link:hover{background:#f8f8fc;color:#424e71}.side-link.is-active{background:#f0f1ff;color:#4d5ec7}.nav-symbol{width:20px;text-align:center;font-size:18px;line-height:1;color:#9aa3b6}.side-link.is-active .nav-symbol{color:#5c6bd0}.sidebar-bottom{margin-top:auto;border-top:1px solid #eff0f5;padding-top:14px}.account-chip{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:11px}.account-chip:hover,.account-chip.is-active{background:#f7f8fc}.avatar,.mobile-avatar{flex:none;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#e5e8ff,#cfd5ff);display:grid;place-items:center;color:#4e5fc2;font-size:13px;font-weight:700}.account-chip-copy{min-width:0;display:grid;gap:2px;flex:1}.account-chip-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chip-copy small{color:#929bae;font-size:9px}.account-chevron{color:#a0a8b9;font-size:20px}.side-signout{border:0;background:transparent;width:100%;text-align:left;padding:12px 10px;color:#8b94a8;font-size:11px;display:flex;align-items:center;gap:12px}.side-signout:hover{color:#5263c9}.app-main{margin-left:248px;min-height:100vh}.page-wrap{max-width:1350px;margin:auto;padding:33px 43px 20px}.mobile-topbar{display:none}.sidebar-scrim{display:none}.app-footer{display:flex;justify-content:space-between;border-top:1px solid #eaedf4;color:#a0a8b8;font-size:10px;padding:18px 2px 4px;margin-top:42px}.flash-stack{margin-bottom:18px}
.verify-banner{display:flex;align-items:center;gap:14px;border:1px solid #f2dca8;background:#fff9ea;border-radius:13px;padding:13px 15px;margin-bottom:25px}.verify-banner-icon{width:27px;height:27px;flex:none;border-radius:50%;background:#f5e5bd;color:#95681a;display:grid;place-items:center;font-weight:800;font-size:12px}.verify-banner-copy{display:grid;gap:2px;flex:1}.verify-banner-copy strong{font-size:11px;color:#76551d}.verify-banner-copy span{font-size:10px;color:#957b4d}.verify-banner form{flex:none}
.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.welcome-row h1,.page-heading h1{font-size:30px;line-height:1.2;margin:8px 0 7px}.welcome-row p,.page-heading p{color:#8791a5;font-size:12px;margin:0}.welcome-row .button{margin-bottom:2px}
.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.level-card{background:#fff;border:1px solid #eaedf4;border-radius:14px;padding:17px 17px 15px;box-shadow:0 3px 12px #28376605}.level-card-top{display:flex;align-items:center;justify-content:space-between}.skill-icon{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:700;font-size:14px}.icon-violet{background:#f0eeff;color:#7064c5}.icon-blue{background:#eaf1ff;color:#5172c4}.icon-teal{background:#e7f6f3;color:#278c7d}.icon-orange{background:#fff1e1;color:#c77a32}.icon-pink{background:#fcecf2;color:#bf6589}.level-caption{color:#a2aabd;font-size:8px;letter-spacing:.12em;font-weight:700}.level-card h2{font-size:13px;letter-spacing:-.02em;margin:13px 0 7px}.level-score-row{display:flex;align-items:baseline;gap:4px}.level-score-row>strong{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.06em}.level-score-row>span:nth-child(2){font-size:10px;color:#a4acba}.level-stage{margin-left:auto;color:#7784bb;font-size:9px}.progress-track{height:5px;border-radius:10px;background:#eff1f7;overflow:hidden;margin-top:11px}.progress-fill{height:100%;display:block;border-radius:10px;min-width:2px}.fill-violet{background:#8579d6}.fill-blue{background:#7191db}.fill-teal{background:#45ad9c}.fill-orange{background:#e2a05a}
.level-history-panel{margin-top:5px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 26px 19px;box-shadow:var(--shadow)}.level-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.level-history-heading h2{font-size:20px;letter-spacing:-.035em;margin:5px 0}.level-history-heading p{margin:0;color:var(--muted);font-size:11px}.history-range{color:var(--muted);font-size:10px;white-space:nowrap;padding-top:7px}.history-range span{padding:0 5px;color:#9aa3b8}.current-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:20px 0 9px}.current-level-card{padding:12px 14px;border-radius:12px;background:var(--canvas);min-width:0}.current-level-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot-violet{background:#8579d6}.dot-blue{background:#7191db}.dot-teal{background:#45ad9c}.dot-orange{background:#e2a05a}.current-level-value{font-family:Manrope,sans-serif;color:var(--ink);font-size:23px;font-weight:700;letter-spacing:-.06em;margin:6px 0 0 15px}.current-level-value span{font-family:inherit;color:#a4acba;font-size:10px;font-weight:500;letter-spacing:0;margin-left:4px}.level-chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.level-chart{display:block;width:100%;min-width:570px;height:auto;overflow:visible}.chart-gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.chart-axis-label,.chart-date-label{fill:#939db1;font-family:inherit;font-size:10px}.chart-date-label{font-size:9px}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line-violet{stroke:#8579d6}.line-blue{stroke:#7191db}.line-teal{stroke:#45ad9c}.line-orange{stroke:#e2a05a}.chart-marker{stroke:var(--paper);stroke-width:1.5;vector-effect:non-scaling-stroke}.marker-violet{fill:#8579d6}.marker-blue{fill:#7191db}.marker-teal{fill:#45ad9c}.marker-orange{fill:#e2a05a}.level-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 23px;padding-top:4px}.level-chart-legend>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.forgot-link{color:#5365c8;font-size:10px;font-weight:700}.forgot-link:hover{text-decoration:underline}.account-security-card{display:flex;align-items:center;gap:15px;margin-top:15px;padding:19px 21px;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 12px #28376605}.security-badge,.password-card-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;background:#eef0ff;color:#596bd3;font-size:20px}.security-copy{flex:1;min-width:0}.security-copy h2{font-size:14px;margin:4px 0}.security-copy p{color:var(--muted);font-size:10px;margin:0;line-height:1.6}.account-security-card .button{flex:none}.password-form-card{max-width:620px;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.password-card-icon{margin-bottom:20px}.password-form-card .form-stack{gap:16px}.password-requirements{display:grid;gap:5px;margin-top:-5px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--muted);font-size:10px;line-height:1.5}.password-requirements strong{color:var(--ink-soft);font-size:10px;margin-bottom:2px}.password-requirements span:before{content:'✓';color:#318f78;font-weight:700;margin-right:8px}.password-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}.password-reset-card{text-align:left}.password-reset-card>.standalone-icon,.password-reset-card>.auth-step,.password-reset-card>h1,.password-reset-card>p{text-align:center}.password-reset-card .standalone-icon{margin-left:auto;margin-right:auto}.password-reset-card .password-reset-form{margin-top:5px}.password-reset-card .brief-back{display:block}
.security-badge svg,.password-card-icon svg,.password-reset-card .standalone-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-signup-hint{margin:-9px 0 0;color:#8b95a8;font-size:9px;line-height:1.6;text-align:left}
.password-requirements span{display:flex;align-items:flex-start;gap:8px}.password-requirements span:before{content:none}.password-requirements span i{width:15px;height:15px;flex:none;display:grid;place-items:center;margin-top:1px;border-radius:50%;background:#fff0ee;color:#bd5550;font-size:11px;font-style:normal;font-weight:800;line-height:1}.password-requirements span.is-met i{background:#e7f6f0;color:#27866d}.password-error-summary{scroll-margin:28px}.password-error-summary:focus{outline:3px solid #6576d933;outline-offset:2px}.password-error-summary li{margin-top:4px}.password-error-summary a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.section-block{margin-top:37px}.section-last{margin-top:38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.section-heading h2{font-size:20px;margin:5px 0 4px}.section-heading p{font-size:11px;color:#8b94a8;margin:0}.section-heading>.text-link{margin-bottom:3px}
.recommend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.recommend-card{background:#fff;border:1px solid #eaedf4;border-radius:14px;padding:16px;min-height:221px;display:flex;flex-direction:column}.recommend-head{display:flex;align-items:center;gap:9px}.recommend-head .skill-icon{width:31px;height:31px;border-radius:10px;font-size:11px}.recommend-area{color:#7c869d;font-size:9px;font-weight:700}.recommend-card h3{font-size:13px;line-height:1.45;margin:14px 0 6px}.recommend-card>p{color:#8a93a7;font-size:10px;line-height:1.6;margin:0 0 12px}.card-meta{display:flex;gap:11px;color:#9aa3b4;font-size:9px;margin-top:auto;padding:9px 0 11px}.recommend-card .button{font-size:10px;min-height:34px}.recommend-card>.text-link{font-size:10px;margin-top:auto}
.submission-list{background:#fff;border:1px solid #eaedf4;border-radius:14px;overflow:hidden}.submission-row{display:flex;align-items:center;gap:13px;padding:14px 17px;min-height:65px;border-bottom:1px solid #f0f1f6;transition:background .15s}.submission-row:last-child{border-bottom:0}.submission-row:hover{background:#fafbfe}.submission-symbol{width:34px;height:34px;border-radius:10px;background:#f0f1ff;color:#6876d5;display:grid;place-items:center;flex:none}.submission-main{display:grid;gap:3px;min-width:0;flex:1}.submission-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-main small{font-size:9px;color:#939caf}.submission-result{display:flex;align-items:center;gap:12px}.score-pill,.status-pill,.verified-pill,.unverified-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:700;white-space:nowrap}.score-pill,.verified-pill{background:#e7f6f0;color:#24836a}.status-pill{background:#f2f3f8;color:#77819a}.unverified-pill{background:#fff3dc;color:#a06d21}.row-chevron{color:#a5adbc;font-size:20px}.empty-state{background:#fff;border:1px dashed #dfe3ee;border-radius:16px;text-align:center;padding:36px 20px}.empty-icon{width:40px;height:40px;margin:0 auto 12px;display:grid;place-items:center;border-radius:13px;background:#f0f1ff;color:#5e6dd1;font-size:18px}.empty-state h3{font-size:15px;margin-bottom:5px}.empty-state p{font-size:11px;color:#8a94a8;margin-bottom:17px}.empty-state .button{font-size:11px}
.page-heading{margin:6px 0 25px}.page-heading h1{font-size:32px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.area-card{background:#fff;border:1px solid #e9ecf3;border-radius:16px;padding:20px;min-height:220px;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s}.area-card:hover{transform:translateY(-3px);border-color:#d9def5;box-shadow:var(--shadow)}.area-card-top{display:flex;align-items:center;justify-content:space-between}.area-arrow{color:#abb3c3}.area-card h2{font-size:16px;margin:16px 0 6px}.area-card>p{font-size:11px;line-height:1.7;color:#8791a6;margin:0}.area-card-bottom{display:flex;gap:15px;color:#96a0b2;font-size:9px;margin-top:auto;padding-top:16px}.area-card-bottom span:first-child{color:#4f62c9;font-weight:700}.area-card-link{border-top:1px solid #f0f1f5;margin-top:12px;padding-top:12px;display:flex;justify-content:space-between;color:#596bd0;font-size:10px;font-weight:700}
.breadcrumb{display:flex;align-items:center;gap:9px;color:#a0a8b8;font-size:10px;margin:2px 0 18px}.breadcrumb a:hover{color:#5364cb}.category-heading{display:flex;align-items:center;gap:15px;margin-bottom:26px}.category-heading .skill-icon{width:48px;height:48px}.category-heading h1{font-size:27px;margin:5px 0}.category-heading p{margin:0}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.list-heading h2{font-size:16px;margin:0}.list-heading span{font-size:10px;color:#99a1b2}.practice-list{background:#fff;border:1px solid #e8ebf2;border-radius:15px;overflow:hidden}.practice-row{display:flex;align-items:center;gap:15px;padding:15px 19px;border-bottom:1px solid #eff0f5;min-height:77px}.practice-row:last-child{border-bottom:0}.practice-row.is-locked{background:#fafbfc}.practice-index{width:28px;flex:none;color:#a4acbb;font-size:10px;font-weight:700}.completed-check{width:24px;height:24px;background:#e6f6f0;color:#24876d;border-radius:50%;display:grid;place-items:center;font-size:12px}.practice-row-main{flex:1;min-width:0}.practice-row-main h3{font-size:12px;margin:0 0 4px}.practice-row-main p{font-size:9px;color:#929bad;margin:0}.practice-row-main p span{margin:0 4px;color:#c6cbd5}.practice-row-action{display:flex;align-items:center;gap:11px}.practice-status{font-size:9px;color:#9099ad;white-space:nowrap}.status-done{color:#2a8b71}.status-ready{color:#596acf}.status-live{color:#c07d32}.status-locked{color:#b1b8c5}.lock-mark{color:#c1c6d0;font-size:19px}.is-locked .practice-row-main h3{color:#a0a8b6}.practice-row-action .button{font-size:9px}
.brief-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:17px;max-width:960px;margin:0 auto}.brief-card,.brief-side-note{background:#fff;border:1px solid #e9ecf3;border-radius:17px;padding:28px}.brief-icon{width:45px;height:45px;border-radius:14px;background:#f0f1ff;color:#6271d3;display:grid;place-items:center;font-size:19px;margin-bottom:20px}.brief-card h1{font-size:27px;line-height:1.25;margin:7px 0 10px}.brief-lede{color:#7f899f;font-size:12px;line-height:1.8;max-width:550px;margin-bottom:20px}.brief-stats{display:flex;gap:12px;margin:22px 0}.brief-stats>div{flex:1;display:flex;align-items:center;gap:10px;background:#f8f9fc;border:1px solid #eef0f5;border-radius:11px;padding:12px}.brief-stat-icon{color:#6878d5;font-size:18px}.brief-stats small,.brief-stats strong{display:block}.brief-stats small{font-size:8px;color:#9ba4b6;letter-spacing:.09em;font-weight:700}.brief-stats strong{font-size:11px;margin-top:3px}.brief-warning{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#fff8e8;border-radius:10px;margin:20px 0;color:#84672e}.brief-warning>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#f3e4bd;font-weight:700;font-size:10px;flex:none}.brief-warning p{font-size:10px;line-height:1.7;margin:0}.brief-warning strong{color:#725824}.brief-back{display:block;text-align:center;color:#929bad;font-size:10px;margin-top:14px}.brief-side-note{background:linear-gradient(155deg,#374a8b,#252f59);color:#fff;display:flex;flex-direction:column;justify-content:center}.side-note-mark{width:34px;height:34px;border:1px solid #ffffff52;border-radius:11px;display:grid;place-items:center;font-family:Manrope;font-weight:800;margin-bottom:23px}.brief-side-note h2{font-size:20px;margin-bottom:8px}.brief-side-note p{color:#c5cce0;font-size:11px;line-height:1.8}.side-note-rule{height:1px;background:#ffffff2a;margin:16px 0}.side-note-caption{font-size:8px;letter-spacing:.12em;color:#aeb9df}
.exam-shell{max-width:1150px;margin:0 auto}.exam-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.exam-header h1{font-size:23px;margin:5px 0 15px}.exam-kicker{color:#818cab}.timer{min-width:106px;display:grid;grid-template-columns:8px auto;align-items:center;column-gap:7px;padding:9px 12px;background:#fff;border:1px solid #e8ebf3;border-radius:11px}.timer>span:nth-child(2){font-family:Manrope;font-size:17px;font-weight:800;letter-spacing:.04em}.timer small{grid-column:2;color:#9aa3b4;font-size:7px;letter-spacing:.13em;font-weight:700}.timer-dot{width:7px;height:7px;background:#49a78c;border-radius:50%;box-shadow:0 0 0 3px #49a78c24}.timer-urgent{border-color:#f1c9c2;background:#fff9f7;color:#b9554b}.timer-urgent .timer-dot{background:#d76a5c;box-shadow:0 0 0 3px #d76a5c20}.exam-progress{height:4px;background:#e9ebf3;border-radius:6px;overflow:hidden;margin:8px 0 17px}.exam-progress span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#596bd4,#8c83dd);transition:width 1s linear}.exam-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;align-items:stretch}.prompt-panel,.answer-panel{background:#fff;border:1px solid #e8ebf3;border-radius:15px;min-height:455px}.prompt-panel{padding:22px;display:flex;flex-direction:column}.panel-label{display:flex;align-items:center;gap:8px;color:#8590a6;font-size:8px;font-weight:700;letter-spacing:.13em}.label-mark{width:22px;height:22px;background:#f1efff;color:#6d65c5;border-radius:7px;display:grid;place-items:center;font-size:10px}.label-mark-blue{background:#eef2ff;color:#6074cc}.prompt-text{color:#4c5873;font-size:13px;line-height:1.9;margin:25px 0 auto}.prompt-text p{margin-bottom:12px}.prompt-footer{display:flex;gap:9px;border-top:1px solid #f0f1f5;padding-top:13px;color:#98a1b3;font-size:9px}.prompt-footer span+span:before{content:'·';padding-right:9px}.answer-panel{padding:0;display:flex;flex-direction:column}.answer-panel-heading{padding:19px 20px 12px;display:grid;gap:4px}.answer-panel-heading label{font-size:13px;font-weight:700}.answer-panel-heading span{color:#9aa3b4;font-size:9px}.answer-panel textarea{border:0;border-top:1px solid #f0f1f5;border-bottom:1px solid #f0f1f5;outline:none;resize:none;padding:19px 20px;flex:1;min-height:320px;color:#38435f;font-size:13px;line-height:1.8}.answer-panel textarea:focus{box-shadow:inset 0 0 0 2px #6778da20}.answer-panel textarea::placeholder{color:#b5bdcc}.answer-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;color:#9aa3b3;font-size:9px}.answer-footer button{font-size:10px;min-height:37px}.exam-footnote{display:flex;align-items:center;gap:7px;color:#969fb1;font-size:9px;margin-top:12px}.exam-footnote span{width:15px;height:15px;border:1px solid #bbc2d0;border-radius:50%;display:grid;place-items:center;font-size:8px}
.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:17px;color:#8993a8;font-size:10px}.pagination a{color:#5365c8;font-weight:700}
.submission-detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #eaedf4;border-radius:15px;padding:20px 23px;margin-bottom:14px}.submission-detail-head h1{font-size:22px;margin:6px 0 5px}.submission-detail-head p{margin:0;color:#8a94a8;font-size:10px}.submission-detail-head p span{padding:0 3px;color:#c1c6d1}.detail-score{text-align:center;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:3px;padding:0 8px}.detail-score strong{font-family:Manrope;font-size:30px;color:#4e60c7;letter-spacing:-.06em}.detail-score>span{font-size:9px;color:#9ca4b4}.detail-score small{grid-column:1/3;color:#a0a8b7;font-size:7px;letter-spacing:.12em;font-weight:700}.status-pill-large{font-size:10px;padding:8px 12px}.detail-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-panel{background:#fff;border:1px solid #eaedf4;border-radius:14px;padding:19px;min-height:210px}.detail-copy,.answer-copy,.feedback-copy{font-size:11px;line-height:1.9;color:#53607b;margin-top:16px;overflow-wrap:anywhere}.detail-copy p,.answer-copy p,.feedback-copy p{margin-bottom:9px}.answer-copy{white-space:normal}.feedback-panel{background:#f1f3ff;border:1px solid #e3e7ff;border-radius:14px;padding:19px 21px;margin-top:14px}.feedback-heading{display:flex;align-items:center;gap:10px}.feedback-icon{width:30px;height:30px;border-radius:9px;background:#fff;color:#606fd0;display:grid;place-items:center}.feedback-heading h2{font-size:15px;margin:3px 0}.feedback-heading .eyebrow{font-size:8px}.feedback-copy{margin-top:13px;color:#4d5a7c}.pending-panel{display:flex;align-items:center;gap:13px;padding:17px 20px;background:#f8f9fc;border:1px solid #eaedf4;border-radius:13px;margin-top:14px}.pending-icon{width:33px;height:33px;border-radius:10px;background:#fff2df;color:#c07c35;display:grid;place-items:center}.pending-panel strong{font-size:11px}.pending-panel p{font-size:10px;color:#8993a8;margin:3px 0 0}.detail-back{margin-top:19px;font-size:10px}
.account-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:15px}.account-summary,.profile-form-card{background:#fff;border:1px solid #e9ecf3;border-radius:15px;padding:20px}.account-profile-top{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid #eff0f5}.avatar-large{width:47px;height:47px;border-radius:15px;font-size:17px}.account-profile-top h2{font-size:14px;margin:0 0 3px}.account-email{font-size:9px;color:#8b95a8}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #f1f2f6;font-size:10px;color:#8a94a8}.account-info-row:last-child{border:0;padding-bottom:2px}.account-info-row strong{color:#394563;font-size:10px}.profile-form-card .section-heading{margin-bottom:17px}.profile-form-card .section-heading h2{font-size:17px}.profile-form-card .section-heading p{font-size:10px}

@media(max-width:1150px){.page-wrap{padding-left:28px;padding-right:28px}.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{gap:30px}.note-top{right:-3px}.note-bottom{left:-6px}}
@media(max-width:900px){.sidebar{width:220px}.app-main{margin-left:220px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{grid-template-columns:1fr 1fr;padding-top:42px}.hero-copy h1{font-size:46px}.hero-art{min-height:390px}.preview-card{padding:21px}.auth-layout{max-width:900px}.auth-story{padding:40px 30px}.auth-panel{padding:35px 32px}.auth-panel-signup{padding:30px 26px}}
@media(max-width:700px){.public-header{height:66px;padding:0 18px}.public-nav{gap:13px;font-size:11px}.brand-lockup{font-size:17px}.brand-mark{width:31px;height:31px}.public-nav .button-small{font-size:10px;padding:7px 9px}.landing-hero{grid-template-columns:1fr;padding:43px 22px 55px;gap:15px}.hero-copy h1{font-size:43px}.hero-lede{font-size:14px}.hero-art{min-height:350px;margin:3px 0 0}.preview-card{max-width:400px}.hero-orbit{width:360px;height:280px}.orbit-two{width:300px;height:235px}.note-top{right:0;top:12px}.note-bottom{left:0;bottom:9px}.hero-note{min-width:200px;padding:9px 11px}.note-bottom{min-width:235px}.landing-features{grid-template-columns:1fr;gap:24px;padding:36px 24px}.landing-features>div{max-width:none}.public-footer{padding:18px 20px;gap:12px;flex-wrap:wrap}.public-footer>span:nth-child(2){display:none}.auth-layout{display:block;margin:20px auto 45px;padding:0 14px;max-width:510px}.auth-story{border-radius:18px 18px 0 0;padding:28px 26px;min-height:0}.auth-story h1{font-size:27px;margin:13px 0 8px}.auth-story>p{font-size:11px;margin-bottom:0}.auth-story-compact{min-height:0}.auth-story-compact .story-decoration{margin-top:14px}.signup-perks{display:none}.auth-panel,.auth-panel-signup{border-left:1px solid #eaedf4;border-radius:0 0 18px 18px;padding:28px 23px}.auth-heading{margin-bottom:19px}.auth-heading h2{font-size:25px}.auth-heading p{font-size:11px}.field-grid{gap:9px}.field input{height:41px;padding:9px;font-size:12px}.standalone-card{padding:37px 25px}.public-flashes{padding:0 14px}
  .sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:12px 0 35px #16204415}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;z-index:25;inset:0;background:#15203b55;display:block;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.sidebar-open .sidebar-scrim{opacity:1;visibility:visible}.app-main{margin-left:0}.mobile-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#fff;border-bottom:1px solid #eceef4;position:sticky;top:0;z-index:20}.mobile-topbar .brand-lockup{font-size:16px}.mobile-topbar .brand-mark{width:28px;height:28px;border-radius:9px;font-size:15px}.icon-button{border:0;background:transparent;color:#66718b;font-size:17px;padding:5px}.mobile-avatar{width:30px;height:30px;border-radius:10px;font-size:11px}.page-wrap{padding:20px 16px 15px}.verify-banner{align-items:flex-start;gap:9px;padding:11px;margin-bottom:18px}.verify-banner-copy span{line-height:1.55}.verify-banner form{align-self:center}.verify-banner .button{font-size:9px;padding:7px 8px;white-space:normal}.welcome-row{align-items:flex-start;flex-direction:column;margin-bottom:18px;gap:13px}.welcome-row h1,.page-heading h1{font-size:24px}.welcome-row p,.page-heading p{font-size:11px}.welcome-row .button{font-size:10px;min-height:38px}.level-grid{gap:9px}.level-card{padding:13px}.level-card h2{font-size:11px}.level-score-row>strong{font-size:20px}.section-block{margin-top:27px}.section-heading{align-items:flex-start}.section-heading h2{font-size:17px}.section-heading>.text-link{font-size:9px;white-space:nowrap;margin-top:8px}.recommend-grid{grid-template-columns:1fr 1fr;gap:9px}.recommend-card{padding:12px;min-height:205px}.recommend-card h3{font-size:11px}.recommend-card>p{font-size:9px}.recommend-head .skill-icon{width:27px;height:27px}.recommend-area{font-size:8px}.card-meta{font-size:8px;gap:6px}.recommend-card .button{font-size:9px;padding:7px}.submission-row{padding:12px 11px;gap:9px}.submission-symbol{width:29px;height:29px}.submission-main strong{font-size:10px}.submission-main small{font-size:8px}.submission-result{gap:5px}.submission-result .score-pill,.submission-result .status-pill{font-size:8px;padding:4px 6px}.row-chevron{font-size:17px}.app-footer{font-size:8px;margin-top:28px}.app-footer span:last-child{display:none}
  .page-heading{margin:3px 0 19px}.area-grid{grid-template-columns:1fr;gap:10px}.area-card{min-height:0;padding:16px}.area-card h2{font-size:14px;margin:11px 0 4px}.area-card>p{font-size:10px}.area-card-bottom{padding-top:12px}.practice-row{gap:9px;padding:12px 10px;min-height:72px}.practice-index{width:23px}.practice-row-main h3{font-size:10px}.practice-row-main p{font-size:8px}.practice-row-action{gap:6px;flex-direction:column;align-items:flex-end}.practice-row-action .button{font-size:8px;min-height:29px;padding:5px 8px}.practice-status{font-size:8px}.category-heading{gap:10px}.category-heading .skill-icon{width:40px;height:40px}.category-heading h1{font-size:21px}.category-heading p{font-size:10px}.breadcrumb{font-size:9px;margin-bottom:14px}
  .brief-wrap{grid-template-columns:1fr;gap:10px}.brief-card{padding:21px}.brief-side-note{padding:18px;min-height:0}.brief-side-note .side-note-mark{margin-bottom:10px}.brief-side-note h2{font-size:16px}.brief-side-note p{margin-bottom:0}.side-note-rule,.side-note-caption{display:none}.brief-card h1{font-size:23px}.brief-stats>div{padding:9px;gap:6px}.brief-stats strong{font-size:9px}.brief-stats small{font-size:7px}.brief-warning p{font-size:9px}
  .exam-header h1{font-size:17px}.timer{min-width:90px;padding:7px 9px}.timer>span:nth-child(2){font-size:14px}.exam-grid{grid-template-columns:1fr}.prompt-panel,.answer-panel{min-height:0}.prompt-panel{padding:16px}.prompt-text{font-size:11px;margin:15px 0}.answer-panel textarea{min-height:250px}.answer-panel-heading{padding:14px}.answer-panel textarea{padding:14px}.answer-footer{padding:10px}.exam-footnote{font-size:8px}.submission-detail-head{padding:15px}.submission-detail-head h1{font-size:17px}.detail-content-grid{grid-template-columns:1fr}.detail-panel{min-height:0}.account-layout{grid-template-columns:1fr}.account-summary,.profile-form-card{padding:16px}.pagination{gap:10px}
}
@media(max-width:390px){.hero-copy h1{font-size:38px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:10px}.field-grid{grid-template-columns:1fr}.level-card{padding:11px}.recommend-card{min-height:215px}.verify-banner{flex-wrap:wrap}.verify-banner form{margin-left:36px}}
.thanks-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;margin-top:24px;flex-wrap:wrap}
.thanks-actions .text-link{margin:0}
.appearance-panel{padding:9px 0 10px;margin:0 0 6px;border:0}
.theme-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;background:#f2f3f8;border:1px solid #e9ebf3;border-radius:12px}
.theme-switcher button{min-width:0;min-height:37px;padding:5px 3px;border:0;border-radius:9px;background:transparent;color:#7e879b;font:600 9px/1.2 'DM Sans',Arial,sans-serif;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.theme-switcher button:hover{color:#4f5fc0;background:#e8eafd}
.theme-switcher button.is-selected{background:#fff;color:#4f5fc0;box-shadow:0 2px 7px rgba(33,45,83,.11)}
.theme-switcher button:focus-visible{outline:2px solid #6978d7;outline-offset:2px}
.theme-switcher-compact{grid-template-columns:repeat(3,29px);padding:3px;gap:2px;border:1px solid #eceef5}
.theme-switcher-compact button{min-height:30px;padding:0;font-size:0}
html[data-theme="dark"]{color-scheme:dark;--ink:#edf1ff;--ink-soft:#c7cee2;--muted:#a0aac1;--line:#30384d;--paper:#1a2030;--canvas:#101421;--brand:#aab4ff;--brand-dark:#c2caff;--brand-pale:#272d4a;--shadow:0 12px 34px rgba(0,0,0,.24)}
html[data-theme="dark"] body,html[data-theme="dark"] .public-body,html[data-theme="dark"] .app-body{background:#101421;color:#edf1ff}
html[data-theme="dark"] .landing-features{background:#151b29}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .mobile-topbar,html[data-theme="dark"] .standalone-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] .preview-card,html[data-theme="dark"] .hero-note,html[data-theme="dark"] .level-card,html[data-theme="dark"] .recommend-card,html[data-theme="dark"] .submission-list,html[data-theme="dark"] .submission-row,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .area-card,html[data-theme="dark"] .practice-list,html[data-theme="dark"] .practice-row,html[data-theme="dark"] .brief-card,html[data-theme="dark"] .brief-side-note,html[data-theme="dark"] .timer,html[data-theme="dark"] .prompt-panel,html[data-theme="dark"] .answer-panel,html[data-theme="dark"] .detail-panel,html[data-theme="dark"] .submission-detail-head,html[data-theme="dark"] .account-summary,html[data-theme="dark"] .profile-form-card,html[data-theme="dark"] .pagination,html[data-theme="dark"] .feedback-panel,html[data-theme="dark"] .pending-panel{background:#1a2030;border-color:#30384d;color:#edf1ff}
html[data-theme="dark"] .brief-side-note{background:linear-gradient(155deg,#293967,#1d2748);border-color:#35446d}
html[data-theme="dark"] .check-field,html[data-theme="dark"] .google-unavailable,html[data-theme="dark"] .is-locked{background:#171d2b;border-color:#30384d}
html[data-theme="dark"] .feedback-panel{background:#202843;border-color:#303b61}
html[data-theme="dark"] .submission-row:hover,html[data-theme="dark"] .side-link:hover,html[data-theme="dark"] .account-chip:hover{background:#242b3e}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] .account-chip-copy strong{color:#edf1ff}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] .public-nav>a,html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .practice-row-main p,html[data-theme="dark"] .recommend-card>p,html[data-theme="dark"] .brief-card p,html[data-theme="dark"] .detail-panel p,html[data-theme="dark"] .hero-lede,html[data-theme="dark"] .hero-proof,html[data-theme="dark"] .account-email{color:#a0aac1}
html[data-theme="dark"] .text-link,html[data-theme="dark"] .area-card-link{color:#aab4ff}
@media(max-width:700px){.level-history-panel{padding:18px 15px 15px}.level-history-heading h2{font-size:17px}.level-history-heading p{font-size:10px}.history-range{font-size:9px}.current-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.current-level-card{padding:10px}.current-level-value{font-size:20px}.level-chart{min-width:530px}.level-chart-legend{justify-content:flex-start;gap:10px 16px}.level-chart-legend>span{font-size:9px}}
html[data-theme="dark"] .level-history-panel{background:#1a2030;border-color:#30384d}
html[data-theme="dark"] .current-level-card{background:#141a28}
html[data-theme="dark"] .side-link{color:#a0aac1}
html[data-theme="dark"] .is-active{background:#272d4a;color:#c1c9ff}
html[data-theme="dark"] .pagination{background:transparent}
html[data-theme="dark"] .account-chip-copy small,html[data-theme="dark"] .sidebar-label{color:#8994ac}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#111725;border-color:#3a4359;color:#edf1ff}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7f8aa4}
html[data-theme="dark"] .theme-switcher{background:#111725;border-color:#30384d}
html[data-theme="dark"] .theme-switcher button{color:#a0aac1}
html[data-theme="dark"] .theme-switcher button:hover{background:#272d43;color:#c1c9ff}
html[data-theme="dark"] .theme-switcher button.is-selected{background:#343d5d;color:#d3d9ff;box-shadow:0 2px 8px rgba(0,0,0,.24)}
html[data-theme="dark"] .verify-banner{background:#30291d;border-color:#51432b;color:#f6d49b}
html[data-theme="dark"] .verify-banner-copy span{color:#d0bc98}
html[data-theme="dark"] .status-pill,html[data-theme="dark"] .practice-status{background:#272d40;color:#c1c9d9}
html[data-theme="dark"] .public-footer,html[data-theme="dark"] .app-footer{border-color:#30384d;color:#8994ac}
@media(max-width:700px){.public-nav{gap:9px}.public-nav>a:first-of-type{display:none}.theme-switcher-compact{grid-template-columns:repeat(3,25px)}}
.theme-switcher button span{font-size:9px;line-height:1.2}
.theme-switcher button .theme-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-switcher-compact button .theme-icon{width:15px;height:15px}
.side-signout{min-height:40px;margin-top:4px;padding:9px 11px;border:1px solid #f4d9d9;border-radius:10px;background:#fff4f3;color:#bd4545;font-weight:700;transition:background .16s,border-color .16s,color .16s}
.side-signout svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side-signout:hover{background:#ffe8e6;border-color:#efc2bf;color:#a93232}
html[data-theme="dark"] .side-signout{background:#382326;border-color:#59343a;color:#ff9e9a}
html[data-theme="dark"] .side-signout:hover{background:#4a292d;border-color:#744047;color:#ffc0bd}
.google-error:not(:empty){display:block;padding:10px 12px;border:1px solid #f2cfca;border-radius:9px;background:#fff2f0;color:#9f3e3e;font-size:12px;line-height:1.5;text-align:left}
html[data-theme="dark"] .google-error:not(:empty){background:#382326;border-color:#59343a;color:#ffaaa5}
html[data-theme="dark"] .account-security-card,html[data-theme="dark"] .password-form-card{background:#1a2030;border-color:#30384d}
html[data-theme="dark"] .password-requirements{background:#141a28;border-color:#30384d}
html[data-theme="dark"] .security-badge,html[data-theme="dark"] .password-card-icon{background:#272d4a;color:#b9c2ff}
html[data-theme="dark"] .forgot-link{color:#aab4ff}
html[data-theme="dark"] .password-signup-hint{color:#a0aac1}
html[data-theme="dark"] .password-requirements span i{background:#432b30;color:#ffaaa5}
html[data-theme="dark"] .password-requirements span.is-met i{background:#1d3a35;color:#79d8b5}
@media(max-width:700px){.account-security-card{align-items:flex-start;flex-wrap:wrap;padding:15px}.account-security-card .security-copy{flex-basis:calc(100% - 60px)}.account-security-card .button{width:100%}.password-form-card{padding:19px}.password-form-actions{align-items:stretch;flex-direction:column-reverse}.password-form-actions .button{width:100%}.password-reset-card{text-align:left}}
.side-link .nav-symbol{display:grid;width:20px;height:20px;flex:none;place-items:center;color:#9aa3b6}.side-link .nav-symbol svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-link.is-active .nav-symbol{color:#5c6bd0}html[data-theme="dark"] .side-link .nav-symbol{color:#939db8}html[data-theme="dark"] .side-link.is-active .nav-symbol{color:#b5bdff}
.current-level-label{align-items:flex-start;overflow:visible;text-overflow:clip;white-space:normal}.current-level-label .chart-dot{margin-top:2px}
.feedback-panel-prominent{position:relative;overflow:hidden;margin:0 0 17px;padding:24px 27px 25px 31px;border:1px solid #dce2ff;border-radius:16px;background:linear-gradient(120deg,#eef1ff 0%,#f8f9ff 58%,#fff 100%);box-shadow:0 9px 24px rgba(61,78,156,.09)}.feedback-panel-prominent:before{position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#7886e6,#5368d1);content:""}.feedback-panel-prominent .feedback-heading{gap:13px}.feedback-panel-prominent .feedback-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#6879df,#4e61c8);color:#fff;font-size:17px;box-shadow:0 5px 12px rgba(74,92,192,.25)}.feedback-panel-prominent .feedback-heading .eyebrow{color:#5668ce;font-size:9px;font-weight:800;letter-spacing:.14em}.feedback-panel-prominent .feedback-heading h2{margin:4px 0 0;color:#1d2a4a;font-size:19px;font-weight:800;letter-spacing:-.025em}.feedback-panel-prominent .feedback-copy{margin-top:17px;color:#394866;font-size:13px;font-weight:500;line-height:1.95}.feedback-panel-prominent .feedback-copy p{margin:0 0 11px}.feedback-panel-prominent .feedback-copy p:last-child{margin-bottom:0}html[data-theme="dark"] .feedback-panel.feedback-panel-prominent{border-color:#39466e;background:linear-gradient(120deg,#222b49 0%,#1b2339 62%,#1a2030 100%);box-shadow:0 10px 28px rgba(0,0,0,.2)}html[data-theme="dark"] .feedback-panel-prominent:before{background:linear-gradient(180deg,#a8b3ff,#6d7de2)}html[data-theme="dark"] .feedback-panel-prominent .feedback-heading .eyebrow{color:#b3bdff}html[data-theme="dark"] .feedback-panel-prominent .feedback-heading h2{color:#f0f3ff}html[data-theme="dark"] .feedback-panel-prominent .feedback-copy{color:#d1d8ed}html[data-theme="dark"] .feedback-panel-prominent .feedback-icon{background:linear-gradient(145deg,#7788ef,#586bd6);color:#fff}
.submission-work-card{overflow:hidden;margin-top:14px;background:#fff;border:1px solid #e5e9f2;border-radius:16px;box-shadow:0 8px 24px rgba(37,50,91,.045)}.submission-prompt-block{padding:20px 24px 19px;background:transparent;border-bottom:1px solid #e7eaf5}.submission-prompt-block .panel-label,.submission-answer-block .panel-label{font-size:9px;letter-spacing:.12em}.submission-prompt-copy{margin:13px 0 0;color:#263557;font-size:14px;font-weight:700;line-height:1.85;overflow-wrap:anywhere}.submission-prompt-copy p{margin:0 0 8px}.submission-prompt-copy p:last-child{margin-bottom:0}.submission-answer-block{padding:20px 24px 23px}.submission-answer-block .answer-copy{margin-top:13px;color:#53607b;font-size:13px;line-height:1.9}.submission-answer-block .answer-copy p:last-child{margin-bottom:0}html[data-theme="dark"] .submission-work-card{background:#1a2030;border-color:#30384d;box-shadow:0 10px 26px rgba(0,0,0,.16)}html[data-theme="dark"] .submission-prompt-block{background:transparent;border-color:#343d57}html[data-theme="dark"] .submission-prompt-copy{color:#edf1ff}html[data-theme="dark"] .submission-answer-block .answer-copy{color:#c5cee2}

.detail-rubric-scores{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:7px;flex:1;max-width:580px}.detail-rubric-scores>div{display:grid;align-content:center;gap:5px;min-width:0;padding:9px 10px;border:1px solid #e6eaf4;border-radius:10px;background:#f8f9fd}.detail-rubric-scores>div>span{color:#8490a5;font-size:8px;line-height:1.35}.detail-rubric-scores strong{color:#4e60c7;font-size:18px;line-height:1}.detail-rubric-scores small{margin-left:2px;color:#99a2b3;font-size:8px;font-weight:500}html[data-theme="dark"] .detail-rubric-scores>div{border-color:#343d57;background:#171d2b}html[data-theme="dark"] .detail-rubric-scores>div>span{color:#a0aac1}html[data-theme="dark"] .detail-rubric-scores strong{color:#b3bdff}html[data-theme="dark"] .detail-rubric-scores small{color:#8994ac}@media(max-width:700px){.submission-detail-head:has(.detail-rubric-scores){align-items:stretch;flex-direction:column}.detail-rubric-scores{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}}
.first-exam-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:34px;min-height:258px;margin:5px 0 28px;padding:34px 40px;overflow:hidden;border:1px solid #dfe5ff;border-radius:20px;background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.78),transparent 28%),linear-gradient(120deg,#fff 0%,#f5f6ff 54%,#edf0ff 100%);box-shadow:var(--shadow)}.first-exam-copy{position:relative;z-index:1;max-width:650px}.first-exam-copy h2{margin:7px 0 10px;color:var(--ink);font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,35px);letter-spacing:-.045em;line-height:1.2}.first-exam-copy p{max-width:590px;margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.8}.first-exam-art{position:relative;display:grid;place-items:center;flex:0 0 175px;height:175px;border:1px solid #dfe4ff;border-radius:50%;background:linear-gradient(145deg,#fff,#e5e9ff);color:#596bdb;box-shadow:0 20px 45px rgba(73,88,190,.13)}.first-exam-art span{font-size:54px;line-height:1}.first-exam-art i,.first-exam-art b,.first-exam-art em{position:absolute;display:block;width:13px;height:13px;border-radius:50%;background:#52b49b}.first-exam-art i{top:16px;right:28px}.first-exam-art b{bottom:25px;left:20px;width:9px;height:9px;background:#e5a25d}.first-exam-art em{right:5px;bottom:58px;width:7px;height:7px;background:#8996ec}html[data-theme="dark"] .first-exam-card{border-color:#384465;background:radial-gradient(circle at 86% 18%,rgba(91,107,199,.17),transparent 30%),linear-gradient(120deg,#1a2030,#1d2438);box-shadow:0 10px 30px rgba(0,0,0,.15)}html[data-theme="dark"] .first-exam-copy h2{color:#edf1ff}html[data-theme="dark"] .first-exam-copy p{color:#aeb8d0}html[data-theme="dark"] .first-exam-art{border-color:#3b466b;background:linear-gradient(145deg,#252e47,#1c2338);color:#aebaff;box-shadow:0 20px 45px rgba(0,0,0,.2)}@media(max-width:700px){.first-exam-card{align-items:flex-start;min-height:0;gap:15px;margin:0 0 23px;padding:23px 19px}.first-exam-copy h2{font-size:24px}.first-exam-copy p{font-size:11px}.first-exam-art{flex-basis:70px;width:70px;height:70px}.first-exam-art span{font-size:29px}.first-exam-art i{top:5px;right:10px;width:8px;height:8px}.first-exam-art b{bottom:9px;left:8px;width:7px;height:7px}.first-exam-art em{right:1px;bottom:24px;width:5px;height:5px}}
.chart-marker{fill:var(--paper);stroke-width:2.5;cursor:help;transition:transform .15s ease,stroke-width .15s ease;transform-box:fill-box;transform-origin:center}.marker-violet{stroke:#8579d6}.marker-blue{stroke:#7191db}.marker-teal{stroke:#45ad9c}.marker-orange{stroke:#e2a05a}.chart-marker:hover,.chart-marker:focus{transform:scale(1.35);stroke-width:3;outline:none}
.level-history-panel{padding-left:16px;padding-right:16px}.level-chart-scroll{position:relative;width:100%;margin:0}.progress-chart-tooltip{--tooltip-accent:#6676df;position:absolute;z-index:5;display:grid;gap:7px;min-width:174px;padding:13px 15px;border:1px solid #e4e8f5;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(24,35,75,.18);backdrop-filter:blur(12px);pointer-events:none;transform:translateX(-50%)}.progress-chart-tooltip[hidden]{display:none}.progress-chart-tooltip[data-tone="violet"]{--tooltip-accent:#8579d6}.progress-chart-tooltip[data-tone="blue"]{--tooltip-accent:#7191db}.progress-chart-tooltip[data-tone="teal"]{--tooltip-accent:#45ad9c}.progress-chart-tooltip[data-tone="orange"]{--tooltip-accent:#e2a05a}.progress-tooltip-category{display:flex;align-items:center;gap:7px;color:#293653;font-size:10px;font-weight:700}.progress-tooltip-category i{width:8px;height:8px;border-radius:50%;background:var(--tooltip-accent)}.progress-tooltip-date{color:#8993a8;font-size:9px}.progress-tooltip-score{display:flex;align-items:baseline;gap:4px;padding-top:5px;border-top:1px solid #edf0f6}.progress-tooltip-score strong{color:var(--tooltip-accent);font-family:Manrope,sans-serif;font-size:23px;line-height:1}.progress-tooltip-score small{color:#9099ac;font-size:9px}html[data-theme="dark"] .progress-chart-tooltip{border-color:#3a4562;background:rgba(30,37,56,.97);box-shadow:0 14px 36px rgba(0,0,0,.38)}html[data-theme="dark"] .progress-tooltip-category{color:#edf1ff}html[data-theme="dark"] .progress-tooltip-date{color:#a4afc7}html[data-theme="dark"] .progress-tooltip-score{border-color:#3a4562}
html[data-theme="dark"] .brief-icon{background:#272d4a;color:#b3bdff}html[data-theme="dark"] .brief-stats>div{background:#141a28;border-color:#30384d}html[data-theme="dark"] .brief-stats small{color:#a0aac1}html[data-theme="dark"] .brief-stats strong{color:#edf1ff}html[data-theme="dark"] .brief-stat-icon{color:#aab4ff}html[data-theme="dark"] .brief-warning{background:#30291d;color:#e4d1a9}html[data-theme="dark"] .brief-warning p{color:#e4d1a9}html[data-theme="dark"] .brief-warning>span{background:#51432b;color:#f6d49b}html[data-theme="dark"] .brief-warning strong{color:#ffe1a8}html[data-theme="dark"] .brief-back{color:#a0aac1}
.practice-row{color:inherit;text-decoration:none;transition:background .15s ease}.practice-row:hover{background:#f7f8fd}.practice-row:focus-visible{position:relative;z-index:1;outline:2px solid #7181e2;outline-offset:-2px}html[data-theme="dark"] .practice-row:hover{background:#222a3d}

/* Student vocabulary studio */
.vocabulary-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:28px;min-height:230px;margin:31px 0 8px;padding:30px 38px;overflow:hidden;border:1px solid #dfe4ff;border-radius:20px;background:radial-gradient(circle at 80% 24%,rgba(255,255,255,.56),transparent 24%),linear-gradient(118deg,#26366c 0%,#4f60c8 62%,#6977dd 100%);box-shadow:0 16px 38px rgba(53,70,151,.13)}
.vocabulary-feature-copy{position:relative;z-index:1;max-width:620px}.vocabulary-feature .eyebrow{color:#c5ceff}.vocabulary-feature h2{margin:8px 0 9px;color:#fff;font-family:Manrope,sans-serif;font-size:clamp(22px,2.7vw,31px);letter-spacing:-.04em;line-height:1.2}.vocabulary-feature-copy>p{max-width:550px;margin:0 0 17px;color:#e0e5ff;font-size:11px;line-height:1.75}.vocabulary-feature .button{background:#fff;color:#4053b7;box-shadow:0 8px 20px #1724562e}.vocabulary-feature .button:hover{background:#f2f4ff}.vocabulary-feature-art{position:relative;display:grid;min-height:155px;place-items:center}.vocab-art-word{position:absolute;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:13px;background:#ffffff18;color:#fff;font-weight:700;backdrop-filter:blur(9px);box-shadow:0 12px 28px #17245620}.vocab-art-word-main{z-index:1;width:154px;height:73px;font-family:Manrope,sans-serif;font-size:25px;transform:rotate(-4deg)}.vocab-art-word-top{top:7px;right:18%;width:112px;height:47px;color:#e1e5ff;font-size:12px;transform:rotate(7deg)}.vocab-art-word-bottom{bottom:4px;left:17%;width:118px;height:48px;color:#f7dfb8;font-size:13px;transform:rotate(5deg)}.vocab-art-spark{position:absolute;top:10px;left:14%;color:#ffe0a6;font-size:26px}
.vocabulary-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:center;gap:28px;min-height:245px;margin:4px 0 30px;padding:32px 38px;overflow:hidden;border:1px solid #e2e7f4;border-radius:20px;background:radial-gradient(circle at 78% 30%,#edf0ff 0,transparent 31%),linear-gradient(120deg,#fff 0%,#f7f8ff 63%,#eef1ff 100%);box-shadow:var(--shadow)}.vocabulary-hero-copy{position:relative;z-index:1;max-width:650px}.vocabulary-hero h1{margin:8px 0 10px;color:#1d294a;font-family:Manrope,sans-serif;font-size:clamp(29px,4vw,42px);letter-spacing:-.05em;line-height:1.12}.vocabulary-hero-copy>p{max-width:590px;margin:0;color:#7c879f;font-size:12px;line-height:1.85}.vocabulary-hero-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.vocabulary-hero-stats span{display:flex;align-items:center;gap:6px;border:1px solid #e6eaf5;border-radius:99px;background:#fff;padding:7px 11px;color:#7c879f;font-size:9px}.vocabulary-hero-stats strong{color:#5364ca;font-size:11px}.vocabulary-hero-art{position:relative;display:grid;min-height:170px;place-items:center}.vocabulary-orbit{position:absolute;width:166px;height:166px;border:1px solid #d9def3;border-radius:50%}.vocabulary-orbit-one{transform:rotate(25deg) scaleX(1.32)}.vocabulary-orbit-two{width:126px;height:126px;border-color:#d5def2;transform:rotate(-35deg) scaleX(1.3)}.vocabulary-letter{z-index:1;display:grid;width:88px;height:88px;place-items:center;border:1px solid #e0e5ff;border-radius:28px;background:linear-gradient(145deg,#fff,#e9ecff);color:#596bd5;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;box-shadow:0 15px 36px #5060bd22;transform:rotate(-6deg)}.vocabulary-float{position:absolute;z-index:2;border:1px solid #e8eaf5;border-radius:9px;background:#fff;padding:7px 10px;color:#5564bd;font-size:9px;font-weight:650;box-shadow:0 7px 20px #33436b12}.vocabulary-float-one{top:12px;right:9%}.vocabulary-float-two{bottom:21px;left:4%;color:#2d8e7c}.vocabulary-float-three{right:3%;bottom:15px;color:#c17e39}
.vocabulary-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 13px}.vocabulary-section-heading h2{margin:5px 0 0;color:#253151;font-size:19px;letter-spacing:-.03em}.vocabulary-section-heading>span{color:#8a94a8;font-size:10px}.vocabulary-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vocabulary-category-card{position:relative;display:flex;min-height:196px;flex-direction:column;overflow:hidden;border:1px solid #e7eaf3;border-radius:16px;background:#fff;padding:17px 18px;color:inherit;text-decoration:none;box-shadow:0 4px 16px rgba(34,47,82,.035);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.vocabulary-category-card:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#6574da,#a6aef2);content:""}.vocabulary-category-card:nth-child(3n+2):before{background:linear-gradient(90deg,#42a894,#a0d8c7)}.vocabulary-category-card:nth-child(3n):before{background:linear-gradient(90deg,#e0a055,#f3d29c)}.vocabulary-category-card:hover{transform:translateY(-3px);border-color:#d8def6;box-shadow:0 13px 28px rgba(39,56,103,.09)}.vocabulary-category-card:focus-visible{outline:3px solid #6979df66;outline-offset:2px}.vocabulary-category-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vocabulary-category-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:#eef0ff;color:#596bd5;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.vocabulary-category-card:nth-child(3n+2) .vocabulary-category-icon{background:#eaf7f3;color:#318c79}.vocabulary-category-card:nth-child(3n) .vocabulary-category-icon{background:#fff4e8;color:#bd812e}.vocabulary-category-arrow{color:#a3acc0;font-size:17px;transition:transform .17s}.vocabulary-category-card:hover .vocabulary-category-arrow{transform:translate(2px,-2px)}.vocabulary-card-label{color:#98a1b5;font-size:8px;font-weight:800;letter-spacing:.13em}.vocabulary-category-card h3{margin:5px 0 17px;color:#263251;font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.025em;line-height:1.35}.vocabulary-category-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;border-top:1px solid #f0f2f7;padding-top:11px;color:#818ca3;font-size:9px}.vocabulary-category-footer>span:first-child{color:#5668c6;font-weight:700}.vocabulary-category-footer b{margin-left:4px;color:#596bd5;font-size:13px}.vocabulary-empty{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #dce2f1;border-radius:16px;background:#fafbff;padding:28px;text-align:center}.vocabulary-empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;background:#eef0ff;color:#596bd5;font-size:18px;font-weight:800}.vocabulary-empty h2{margin:13px 0 5px;color:#263251;font-size:16px}.vocabulary-empty p{margin:0;color:#8791a7;font-size:10px}
.vocabulary-collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 21px}.vocabulary-collection-heading h1{margin:6px 0;color:#1c2847;font-family:Manrope,sans-serif;font-size:clamp(27px,3.4vw,36px);letter-spacing:-.045em}.vocabulary-collection-heading p{max-width:570px;margin:0;color:#828da4;font-size:11px;line-height:1.7}.vocabulary-collection-count{display:flex;flex:none;align-items:baseline;gap:8px;border:1px solid #e5e9f2;border-radius:12px;background:#fff;padding:10px 13px;color:#8791a5;font-size:9px;box-shadow:0 4px 13px rgba(37,50,81,.04)}.vocabulary-collection-count strong{color:#5365cb;font-family:Manrope,sans-serif;font-size:19px}.vocabulary-tools{display:flex;align-items:center;gap:14px;margin-bottom:15px;border:1px solid #e7eaf3;border-radius:13px;background:#fff;padding:9px 13px;box-shadow:0 3px 13px rgba(37,50,81,.03)}.vocabulary-search{display:flex;min-width:0;flex:1;align-items:center;gap:10px}.vocabulary-search svg{width:17px;height:17px;flex:none;fill:none;stroke:#8994aa;stroke-width:1.8;stroke-linecap:round}.vocabulary-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:7px 0;color:#293552;font-size:11px;box-shadow:none!important}.vocabulary-search input::placeholder{color:#a0a9ba}.vocabulary-search-count{flex:none;color:#8b95a9;font-size:9px}.vocabulary-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vocabulary-word-card{display:flex;min-width:0;flex-direction:column;border:1px solid #e6eaf3;border-radius:15px;background:#fff;padding:17px 18px;box-shadow:0 4px 16px rgba(37,50,81,.035);transition:border-color .16s,transform .16s,box-shadow .16s}.vocabulary-word-card:hover{transform:translateY(-2px);border-color:#d8def3;box-shadow:0 10px 22px rgba(37,50,81,.07)}.vocabulary-word-card[hidden]{display:none!important}.vocabulary-word-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.vocabulary-word-top h2{margin:5px 0 0;color:#23304e;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.035em;line-height:1.25}.pronunciation-button{display:grid;width:39px;height:39px;flex:none;place-items:center;border:1px solid #e2e6f4;border-radius:12px;background:#f5f6ff;color:#5b6bd0;cursor:pointer;transition:background .15s,color .15s,transform .15s}.pronunciation-button:hover,.pronunciation-button.is-speaking{transform:translateY(-1px);border-color:#ccd2ff;background:#e9ecff;color:#4356c2}.pronunciation-button:focus-visible{outline:3px solid #6979df55;outline-offset:2px}.pronunciation-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vocabulary-part-of-speech{align-self:flex-start;margin-top:10px;border-radius:99px;background:#f0f2fb;padding:4px 8px;color:#69758e;font-size:8px;font-weight:650}.vocabulary-meaning{margin-top:14px;border:1px solid #edf0f6;border-radius:11px;background:#f9faff;padding:10px 12px}.vocabulary-meaning>span,.vocabulary-example>span{color:#9aa3b5;font-size:7px;font-weight:800;letter-spacing:.13em}.vocabulary-meaning p{margin:5px 0 0;color:#35415e;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.65}.vocabulary-example{margin-top:12px;padding:0 2px}.vocabulary-example p{margin:5px 0 0;color:#748097;font-size:10px;line-height:1.7}.vocabulary-no-results{display:flex;align-items:center;gap:9px;margin-top:12px;border:1px dashed #dce2f1;border-radius:12px;padding:16px;color:#818ba1;font-size:10px}.vocabulary-no-results strong{color:#35415e}.vocabulary-no-results[hidden]{display:none!important}.vocabulary-audio-status:empty{display:none}.vocabulary-audio-status{margin:12px 0 0;color:#7985a1;font-size:9px}
html[data-theme="dark"] .vocabulary-feature{border-color:#39456d;background:radial-gradient(circle at 80% 24%,rgba(169,180,255,.14),transparent 25%),linear-gradient(118deg,#202b53 0%,#34447e 62%,#4655a0 100%);box-shadow:0 14px 34px rgba(0,0,0,.16)}html[data-theme="dark"] .vocabulary-feature .button{background:#edf0ff;color:#4052b4}html[data-theme="dark"] .vocabulary-feature .button:hover{background:#fff}
html[data-theme="dark"] .vocabulary-hero{border-color:#30384d;background:radial-gradient(circle at 78% 30%,rgba(113,130,219,.16),transparent 32%),linear-gradient(120deg,#1a2030,#1c2437 65%,#202844);box-shadow:0 10px 28px rgba(0,0,0,.12)}html[data-theme="dark"] .vocabulary-hero h1,html[data-theme="dark"] .vocabulary-section-heading h2,html[data-theme="dark"] .vocabulary-category-card h3,html[data-theme="dark"] .vocabulary-empty h2,html[data-theme="dark"] .vocabulary-collection-heading h1,html[data-theme="dark"] .vocabulary-word-top h2{color:#edf1ff}html[data-theme="dark"] .vocabulary-hero-copy>p,html[data-theme="dark"] .vocabulary-section-heading>span,html[data-theme="dark"] .vocabulary-collection-heading p{color:#a0aac1}html[data-theme="dark"] .vocabulary-hero-stats span,html[data-theme="dark"] .vocabulary-float{border-color:#3a4562;background:#222a3d;color:#c7cee2}html[data-theme="dark"] .vocabulary-hero-stats strong{color:#b6c0ff}html[data-theme="dark"] .vocabulary-orbit{border-color:#3b4662}html[data-theme="dark"] .vocabulary-orbit-two{border-color:#424e70}html[data-theme="dark"] .vocabulary-letter{border-color:#414c73;background:linear-gradient(145deg,#303a5c,#232c46);color:#c1caff;box-shadow:0 15px 36px rgba(0,0,0,.2)}
html[data-theme="dark"] .vocabulary-category-card,html[data-theme="dark"] .vocabulary-word-card{border-color:#30384d;background:#1a2030;box-shadow:0 4px 16px rgba(0,0,0,.11)}html[data-theme="dark"] .vocabulary-category-card:hover,html[data-theme="dark"] .vocabulary-word-card:hover{border-color:#465278;box-shadow:0 10px 24px rgba(0,0,0,.22)}html[data-theme="dark"] .vocabulary-category-icon{background:#292f4c;color:#b8c1ff}html[data-theme="dark"] .vocabulary-category-card:nth-child(3n+2) .vocabulary-category-icon{background:#1d3838;color:#70c9b2}html[data-theme="dark"] .vocabulary-category-card:nth-child(3n) .vocabulary-category-icon{background:#3b3027;color:#e9b574}html[data-theme="dark"] .vocabulary-category-footer{border-color:#30384d;color:#a0aac1}html[data-theme="dark"] .vocabulary-category-footer>span:first-child,html[data-theme="dark"] .vocabulary-category-footer b{color:#b6c0ff}html[data-theme="dark"] .vocabulary-empty,html[data-theme="dark"] .vocabulary-no-results{border-color:#39435b;background:#171d2b;color:#a0aac1}html[data-theme="dark"] .vocabulary-empty>span{background:#292f4c;color:#b6c0ff}html[data-theme="dark"] .vocabulary-empty p,html[data-theme="dark"] .vocabulary-audio-status{color:#a0aac1}
html[data-theme="dark"] .vocabulary-collection-count,html[data-theme="dark"] .vocabulary-tools{border-color:#30384d;background:#1a2030;color:#a0aac1;box-shadow:none}html[data-theme="dark"] .vocabulary-collection-count strong{color:#b6c0ff}html[data-theme="dark"] .vocabulary-search svg{stroke:#9aa5be}html[data-theme="dark"] .vocabulary-search input{color:#edf1ff}html[data-theme="dark"] .vocabulary-search input::placeholder{color:#78849e}html[data-theme="dark"] .pronunciation-button{border-color:#3b4562;background:#252d47;color:#b7c1ff}html[data-theme="dark"] .pronunciation-button:hover,html[data-theme="dark"] .pronunciation-button.is-speaking{border-color:#5969a1;background:#313d61;color:#e0e5ff}html[data-theme="dark"] .vocabulary-part-of-speech{background:#272d43;color:#bac4da}html[data-theme="dark"] .vocabulary-meaning{border-color:#30384d;background:#151b29}html[data-theme="dark"] .vocabulary-meaning p{color:#e5e9f7}html[data-theme="dark"] .vocabulary-example p{color:#a0aac1}html[data-theme="dark"] .vocabulary-no-results strong{color:#e5e9f7}
@media(max-width:900px){.vocabulary-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocabulary-hero{grid-template-columns:minmax(0,1fr) minmax(200px,.65fr);padding:27px}.vocabulary-feature{grid-template-columns:minmax(0,1fr) 220px;padding:26px}}
@media(max-width:700px){.vocabulary-feature{grid-template-columns:1fr;gap:3px;min-height:0;margin:24px 0 4px;padding:22px}.vocabulary-feature h2{font-size:23px}.vocabulary-feature-copy>p{font-size:10px}.vocabulary-feature-art{min-height:130px}.vocab-art-word-main{width:135px;height:61px;font-size:22px}.vocab-art-word-top{right:16%;top:2px}.vocab-art-word-bottom{left:13%;bottom:0}.vocabulary-hero{grid-template-columns:1fr;gap:0;min-height:0;margin-bottom:24px;padding:23px}.vocabulary-hero h1{font-size:29px}.vocabulary-hero-copy>p{font-size:10px}.vocabulary-hero-art{min-height:145px}.vocabulary-section-heading{align-items:flex-start}.vocabulary-section-heading h2{font-size:16px}.vocabulary-category-grid,.vocabulary-word-grid{grid-template-columns:1fr;gap:10px}.vocabulary-category-card{min-height:172px;padding:15px}.vocabulary-collection-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:15px}.vocabulary-collection-heading h1{font-size:27px}.vocabulary-collection-heading p{font-size:10px}.vocabulary-collection-count{padding:8px 10px}.vocabulary-tools{gap:8px;margin-bottom:12px;padding:8px 10px}.vocabulary-search input{font-size:10px}.vocabulary-word-card{padding:15px}.vocabulary-word-top h2{font-size:18px}.vocabulary-meaning p{font-size:13px}}

/* Learn Words refinements */
.vocabulary-feature{display:flex;align-items:center;gap:15px;min-height:0;margin:22px 0 28px;padding:16px 20px;border-color:#e2e7f4;border-radius:16px;background:linear-gradient(110deg,#fff,#f5f6ff);box-shadow:0 5px 18px rgba(40,54,95,.045);color:inherit;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}
.vocabulary-feature:hover{transform:translateY(-1px);border-color:#cfd6f5;box-shadow:0 9px 22px rgba(40,54,95,.08)}
.vocabulary-feature-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid #e0e5ff;border-radius:13px;background:#eef0ff;color:#596bd5}
.vocabulary-feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.vocabulary-feature-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.vocabulary-feature .eyebrow{color:#6473d4;font-size:8px}
.vocabulary-feature-copy strong{color:#253151;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.02em}
.vocabulary-feature-copy>span:last-child{color:#7d879e;font-size:10px;line-height:1.5}
.vocabulary-feature-link{display:flex;flex:none;align-items:center;gap:8px;color:#5365cb;font-size:10px;font-weight:700}
.vocabulary-feature-link b{font-size:15px}
.vocabulary-category-card{min-height:168px;padding:18px 19px;box-shadow:0 3px 13px rgba(34,47,82,.025)}
.vocabulary-category-card:before{display:none}
.vocabulary-category-top{justify-content:flex-end;margin-bottom:8px}
.vocabulary-category-card h3{margin:7px 0 17px;font-size:17px}
.vocabulary-category-footer{font-size:9px}
.vocabulary-category-footer>span:first-child{color:#818ca3;font-weight:500}
.vocabulary-word-grid{gap:15px}
.vocabulary-word-card{gap:0;padding:20px 21px;border-radius:16px}
.vocabulary-word-top{align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #edf0f6}
.vocabulary-word-top h2{margin:0;font-size:22px}
.vocabulary-part-of-speech{margin-top:7px}
.vocabulary-meaning{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;border:0;border-radius:0;background:transparent;padding:0 1px}
.vocabulary-meaning>span{flex:none}
.vocabulary-meaning p{margin:0;font-size:16px}
.vocabulary-example{margin-top:15px;border-left:3px solid #dfe4ff;border-radius:0 10px 10px 0;background:#f7f8ff;padding:12px 15px}
.vocabulary-example>span{color:#6574d1}
.vocabulary-example p{margin:6px 0 0;color:#46536f;font-size:13px;line-height:1.8}
html[data-theme="dark"] .vocabulary-feature{border-color:#30384d;background:linear-gradient(110deg,#1a2030,#1d2538);box-shadow:0 5px 18px rgba(0,0,0,.12)}
html[data-theme="dark"] .vocabulary-feature:hover{border-color:#465278;box-shadow:0 9px 22px rgba(0,0,0,.2)}
html[data-theme="dark"] .vocabulary-feature-icon{border-color:#414c73;background:#292f4c;color:#b8c1ff}
html[data-theme="dark"] .vocabulary-feature-copy strong{color:#edf1ff}
html[data-theme="dark"] .vocabulary-feature-copy>span:last-child{color:#a0aac1}
html[data-theme="dark"] .vocabulary-feature-link{color:#b6c0ff}
html[data-theme="dark"] .vocabulary-category-footer>span:first-child{color:#a0aac1}
html[data-theme="dark"] .vocabulary-word-top{border-color:#30384d}
html[data-theme="dark"] .vocabulary-meaning{background:transparent}
html[data-theme="dark"] .vocabulary-example{border-color:#5868a9;background:#20283e}
html[data-theme="dark"] .vocabulary-example>span{color:#b6c0ff}
html[data-theme="dark"] .vocabulary-example p{color:#c5cde0}
@media(max-width:700px){.vocabulary-feature{gap:11px;margin:18px 0 22px;padding:13px}.vocabulary-feature-icon{width:39px;height:39px}.vocabulary-feature-copy strong{font-size:13px}.vocabulary-feature-copy>span:last-child{font-size:9px}.vocabulary-feature-link{gap:4px;font-size:9px}.vocabulary-category-card{min-height:152px}.vocabulary-word-card{padding:16px}.vocabulary-word-top h2{font-size:19px}.vocabulary-meaning{gap:10px}.vocabulary-meaning p{font-size:14px}.vocabulary-example p{font-size:12px}}
.account-chevron{display:grid;place-items:center;flex:none}.account-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.vocabulary-category-card{min-height:136px;padding:12px 17px 13px}.vocabulary-category-top{margin-bottom:3px}.vocabulary-category-card h3{margin:4px 0 11px}@media(max-width:700px){.vocabulary-category-card{min-height:128px;padding:11px 15px 12px}}

/* IELTS Speaking Techniques */
.technique-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:center;gap:28px;min-height:252px;margin:4px 0 30px;padding:32px 38px;overflow:hidden;border:1px solid #e0e5f5;border-radius:20px;background:radial-gradient(circle at 79% 25%,#edf0ff 0,transparent 33%),linear-gradient(120deg,#fff,#f5f6ff 68%,#eff2ff);box-shadow:var(--shadow)}
.technique-hero-copy{position:relative;z-index:1;max-width:650px}.technique-hero h1{margin:8px 0 10px;color:#1d294a;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,41px);letter-spacing:-.05em;line-height:1.14}.technique-hero-copy>p{max-width:570px;margin:0;color:#7c879f;font-size:12px;line-height:1.8}.technique-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.technique-hero-meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e9f4;border-radius:99px;background:#fff;padding:7px 11px;color:#7e899f;font-size:9px}.technique-hero-meta strong{color:#5668cb;font-size:11px}
.technique-hero-art{position:relative;display:grid;min-height:170px;place-items:center}.technique-orbit{position:absolute;width:150px;height:150px;border:1px solid #dce2f5;border-radius:50%;box-shadow:0 0 0 15px #f4f5fd,0 0 0 16px #e8ebf8}.technique-mic{z-index:1;display:grid;width:82px;height:82px;place-items:center;border:1px solid #e1e6ff;border-radius:27px;background:linear-gradient(145deg,#fff,#e9ecff);color:#586ad1;box-shadow:0 15px 35px #4659b322;transform:rotate(-5deg)}.technique-mic svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.technique-art-note{position:absolute;z-index:2;border:1px solid #e5e9f4;border-radius:9px;background:#fff;padding:7px 10px;color:#5364bf;font-size:9px;font-weight:700;box-shadow:0 7px 20px #33436b12}.technique-art-note.note-one{top:16px;right:8%}.technique-art-note.note-two{bottom:20px;left:2%;color:#2d8e7c}.technique-art-note.note-three{right:0;bottom:12px;color:#bd812e}
.technique-section-title,.technique-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}.technique-section-title h2,.technique-list-heading h2{margin:5px 0 0;color:#253151;font-size:19px;letter-spacing:-.03em}.technique-section-title>span{color:#8a94a8;font-size:10px}
.technique-part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.technique-part-card{--part-accent:#6574da;--part-soft:#eef0ff;position:relative;display:flex;min-height:236px;flex-direction:column;overflow:hidden;border:1px solid #e4e8f2;border-radius:16px;background:#fff;padding:18px 19px;color:inherit;text-decoration:none;box-shadow:0 4px 16px rgba(34,47,82,.035);transition:transform .17s,border-color .17s,box-shadow .17s}.technique-part-card:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--part-accent),transparent);content:""}.technique-part-card:hover{transform:translateY(-3px);border-color:#d7def3;box-shadow:0 13px 28px rgba(39,56,103,.09)}.technique-part-card:focus-visible,.technique-list-card:focus-visible{outline:3px solid #6979df66;outline-offset:2px}.tone-indigo{--part-accent:#6574da;--part-soft:#eef0ff}.tone-amber{--part-accent:#d99a49;--part-soft:#fff4e7}.tone-teal{--part-accent:#3ca590;--part-soft:#eaf7f3}.technique-part-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.technique-part-number{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--part-soft);color:var(--part-accent);font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.technique-part-arrow{color:#a3acc0;font-size:17px;transition:transform .17s}.technique-part-card:hover .technique-part-arrow{transform:translate(2px,-2px)}.technique-part-eyebrow{color:#98a1b5;font-size:8px;font-weight:800;letter-spacing:.13em}.technique-part-card h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:5px 0 8px;color:#263251;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.03em}.technique-part-card h2 span{color:#68748c;font-size:12px;font-weight:600;letter-spacing:0}.technique-part-card>p{margin:0;color:#818ba1;font-size:10px;line-height:1.7}.technique-part-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;border-top:1px solid #eff1f6;padding-top:12px}.technique-part-bottom>span{color:#8993a8;font-family:Tahoma,Arial,sans-serif;font-size:10px}.technique-part-bottom strong{color:var(--part-accent);font-size:9px}.technique-part-bottom b{margin-left:4px;font-size:13px}
.technique-part-heading,.technique-detail-heading{--part-accent:#6574da;--part-soft:#eef0ff;position:relative;overflow:hidden;margin:4px 0 28px;border:1px solid #e1e6f3;border-radius:18px;background:linear-gradient(115deg,#fff,#f7f8ff);padding:26px 30px}.technique-part-heading.tone-amber,.technique-detail-heading.tone-amber{--part-accent:#d99a49;--part-soft:#fff4e7}.technique-part-heading.tone-teal,.technique-detail-heading.tone-teal{--part-accent:#3ca590;--part-soft:#eaf7f3}.technique-part-heading-copy{position:relative;z-index:1;max-width:720px}.technique-part-heading h1{margin:7px 0;color:#253151;font-family:Tahoma,Arial,sans-serif;font-size:27px}.technique-part-heading-copy>p{margin:0;color:#7d879e;font-size:11px;line-height:1.7}.technique-part-heading-number{position:absolute;right:30px;top:50%;color:var(--part-soft);font-family:Manrope,sans-serif;font-size:118px;font-weight:800;line-height:1;transform:translateY(-50%);-webkit-text-stroke:1px var(--part-accent);opacity:.22}
.technique-list-heading{align-items:flex-end;margin-bottom:13px}.technique-search{display:flex;align-items:center;gap:7px;width:min(320px,50%);border:1px solid #e3e7f1;border-radius:11px;background:#fff;padding:5px 7px 5px 12px}.technique-search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.technique-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;padding:6px 0;color:#35415e;font-size:10px;box-shadow:none!important}.technique-search input::placeholder{color:#a0a9ba}.technique-search button{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:8px;background:#596bd5;color:#fff;cursor:pointer}.technique-search button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.technique-list{display:grid;gap:10px}.technique-list-card{--part-accent:#6574da;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #e6eaf3;border-radius:14px;background:#fff;padding:15px 17px;color:inherit;text-decoration:none;box-shadow:0 3px 13px rgba(37,50,81,.025);transition:border-color .16s,transform .16s,box-shadow .16s}.technique-list-card.tone-amber{--part-accent:#d99a49}.technique-list-card.tone-teal{--part-accent:#3ca590}.technique-list-card:hover{transform:translateY(-1px);border-color:#d7def3;box-shadow:0 9px 20px rgba(37,50,81,.07)}.technique-list-index{display:grid;width:37px;height:37px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--part-accent) 12%,white);color:var(--part-accent);font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.technique-list-copy{display:grid;min-width:0;gap:4px}.technique-category{justify-self:start;color:var(--part-accent);font-family:Tahoma,Arial,sans-serif;font-size:9px;font-weight:700}.technique-list-copy>strong{color:#253151;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.02em}.technique-title-fa{justify-self:start;color:#56627b;font-family:Tahoma,Arial,sans-serif;font-size:12px}.technique-list-summary{display:-webkit-box;overflow:hidden;color:#8892a7;font-family:Tahoma,Arial,sans-serif;font-size:9px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.technique-list-open{display:flex;align-items:center;gap:7px;color:var(--part-accent);font-size:9px;font-weight:700}.technique-list-open b{font-size:15px}.technique-empty{display:grid;justify-items:center;border:1px dashed #dce2f1;border-radius:14px;background:#fafbff;padding:30px;color:#35415e}.technique-empty p{margin:5px 0 0;color:#8791a7;font-size:10px}
.technique-detail-heading{margin-bottom:17px;padding:24px 28px}.technique-back-link{display:inline-flex;margin-bottom:21px;color:#7c879f;font-size:10px;text-decoration:none}.technique-back-link:hover{color:var(--part-accent)}.technique-detail-heading h1{max-width:800px;margin:8px 0 7px;color:#202d4b;font-family:Manrope,sans-serif;font-size:clamp(24px,3.5vw,35px);letter-spacing:-.04em;line-height:1.2}.technique-detail-title-fa{margin:0 0 12px;color:#56627b;font-family:Tahoma,Arial,sans-serif;font-size:15px}.technique-detail-heading .technique-category{display:inline-flex;border-radius:99px;background:var(--part-soft);padding:6px 10px}.technique-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.technique-content-card{min-width:0;border:1px solid #e5e9f2;border-radius:15px;background:#fff;padding:19px 20px;box-shadow:0 4px 15px rgba(37,50,81,.03)}.technique-content-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.technique-content-icon{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:11px;background:#eef0ff;color:#596bd5;font-size:15px;font-weight:700}.technique-content-icon.use-icon{background:#eaf7f3;color:#318c79}.technique-content-icon.example-icon{background:#fff4e8;color:#bd812e;font-family:Manrope,sans-serif;font-size:12px}.technique-content-title .eyebrow{font-size:7px}.technique-content-title h2{margin:3px 0 0;color:#273451;font-size:15px;letter-spacing:-.02em}.technique-persian-copy{margin:0;color:#58647d;font-family:Tahoma,Arial,sans-serif;font-size:12px;line-height:2}.technique-pre-line{white-space:pre-line}.technique-example-card{grid-column:1/-1}.technique-example{white-space:pre-line;border:1px solid #e8ecf5;border-radius:11px;background:#f8f9fd;padding:16px 18px;color:#34415e;font-size:12px;line-height:1.9}.technique-example-fa{white-space:pre-line;margin-top:11px;border-right:3px solid #e5a55d;border-radius:0 10px 10px 0;background:#fffaf4;padding:13px 15px;color:#58647d;font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:2}.technique-detail-nav{display:flex;justify-content:space-between;gap:12px;margin:15px 0 0;color:#5668cb;font-size:10px;font-weight:700}.technique-detail-nav a{color:inherit;text-decoration:none}.technique-detail-nav a:hover{text-decoration:underline}
html[data-theme="dark"] .technique-hero{border-color:#30384d;background:radial-gradient(circle at 79% 25%,rgba(113,130,219,.15),transparent 33%),linear-gradient(120deg,#1a2030,#1c2437 68%,#202844);box-shadow:0 10px 28px rgba(0,0,0,.12)}html[data-theme="dark"] .technique-hero h1,html[data-theme="dark"] .technique-section-title h2,html[data-theme="dark"] .technique-list-heading h2,html[data-theme="dark"] .technique-part-card h2,html[data-theme="dark"] .technique-part-heading h1,html[data-theme="dark"] .technique-detail-heading h1,html[data-theme="dark"] .technique-content-title h2,html[data-theme="dark"] .technique-list-copy>strong{color:#edf1ff}html[data-theme="dark"] .technique-hero-copy>p,html[data-theme="dark"] .technique-section-title>span,html[data-theme="dark"] .technique-part-card>p,html[data-theme="dark"] .technique-part-heading-copy>p{color:#a0aac1}html[data-theme="dark"] .technique-hero-meta span,html[data-theme="dark"] .technique-art-note{border-color:#3a4562;background:#222a3d;color:#c7cee2}html[data-theme="dark"] .technique-hero-meta strong{color:#b6c0ff}html[data-theme="dark"] .technique-orbit{border-color:#3b4662;box-shadow:0 0 0 15px #1d2436,0 0 0 16px #30384d}html[data-theme="dark"] .technique-mic{border-color:#414c73;background:linear-gradient(145deg,#303a5c,#232c46);color:#c1caff;box-shadow:0 15px 36px rgba(0,0,0,.2)}html[data-theme="dark"] .technique-part-card,html[data-theme="dark"] .technique-part-heading,html[data-theme="dark"] .technique-detail-heading,html[data-theme="dark"] .technique-list-card,html[data-theme="dark"] .technique-content-card{border-color:#30384d;background:#1a2030;box-shadow:0 4px 16px rgba(0,0,0,.11)}html[data-theme="dark"] .technique-part-card:hover,html[data-theme="dark"] .technique-list-card:hover{border-color:#465278;box-shadow:0 10px 24px rgba(0,0,0,.22)}html[data-theme="dark"] .technique-part-card h2 span,html[data-theme="dark"] .technique-title-fa,html[data-theme="dark"] .technique-persian-copy,html[data-theme="dark"] .technique-detail-title-fa{color:#b5bfd4}html[data-theme="dark"] .technique-part-bottom{border-color:#30384d}html[data-theme="dark"] .technique-part-bottom>span,html[data-theme="dark"] .technique-list-summary,html[data-theme="dark"] .technique-back-link{color:#a0aac1}html[data-theme="dark"] .technique-part-heading-number{-webkit-text-stroke-color:var(--part-accent)}html[data-theme="dark"] .technique-search{border-color:#30384d;background:#1a2030}html[data-theme="dark"] .technique-search input{color:#edf1ff}html[data-theme="dark"] .technique-search input::placeholder{color:#78849e}html[data-theme="dark"] .technique-list-index{background:color-mix(in srgb,var(--part-accent) 20%,#1a2030)}html[data-theme="dark"] .technique-empty{border-color:#39435b;background:#171d2b;color:#e5e9f7}html[data-theme="dark"] .technique-empty p{color:#a0aac1}html[data-theme="dark"] .technique-content-icon{background:#292f4c;color:#b8c1ff}html[data-theme="dark"] .technique-content-icon.use-icon{background:#1d3838;color:#70c9b2}html[data-theme="dark"] .technique-content-icon.example-icon{background:#3b3027;color:#e9b574}html[data-theme="dark"] .technique-example{border-color:#30384d;background:#151b29;color:#e5e9f7}html[data-theme="dark"] .technique-example-fa{border-color:#bd812e;background:#29241d;color:#e4d1a9}
@media(max-width:900px){.technique-hero{grid-template-columns:minmax(0,1fr) minmax(190px,.65fr);padding:27px}.technique-part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technique-part-card:last-child{grid-column:1/-1;min-height:190px}}
@media(max-width:700px){.technique-hero{grid-template-columns:1fr;gap:0;min-height:0;margin-bottom:23px;padding:22px}.technique-hero h1{font-size:29px}.technique-hero-copy>p{font-size:10px}.technique-hero-art{min-height:140px}.technique-part-grid{grid-template-columns:1fr;gap:10px}.technique-part-card,.technique-part-card:last-child{grid-column:auto;min-height:200px;padding:16px}.technique-section-title{align-items:flex-start}.technique-section-title h2,.technique-list-heading h2{font-size:16px}.technique-part-heading,.technique-detail-heading{margin-bottom:18px;padding:20px}.technique-part-heading h1{font-size:22px}.technique-part-heading-number{right:15px;font-size:84px}.technique-list-heading{align-items:stretch;flex-direction:column}.technique-search{width:100%}.technique-list-card{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:13px}.technique-list-index{width:30px;height:30px}.technique-list-open{grid-column:2;justify-self:start;margin-top:2px}.technique-list-open>span{font-size:8px}.technique-list-copy>strong{font-size:12px}.technique-list-summary{font-size:8px}.technique-detail-grid{grid-template-columns:1fr;gap:10px}.technique-example-card{grid-column:auto}.technique-content-card{padding:16px}.technique-persian-copy{font-size:11px}.technique-example{padding:13px;font-size:11px}}

/* Persian-first typography for the student Techniques pages */
.technique-hero-copy[lang="fa"],.technique-part-card[lang="fa"],.technique-part-heading[lang="fa"],.technique-detail-heading[lang="fa"],.technique-content-card[lang="fa"]{font-family:Tahoma,"Vazirmatn",Arial,sans-serif}.technique-hero-copy[lang="fa"] h1{font-family:Tahoma,"Vazirmatn",Arial,sans-serif;font-size:clamp(32px,4.2vw,44px);line-height:1.45;letter-spacing:0}.technique-hero-copy[lang="fa"]>p{font-size:16px;line-height:2}.technique-hero-meta span{font-size:12px}.technique-art-note{font-size:12px}.technique-section-title h2,.technique-list-heading h2{font-size:22px}.technique-part-card[lang="fa"] h2{font-family:Tahoma,"Vazirmatn",Arial,sans-serif;font-size:20px;line-height:1.65;letter-spacing:0}.technique-part-card[lang="fa"]>p,.technique-part-heading-copy>p{font-size:14px;line-height:1.95}.technique-part-bottom>span,.technique-part-bottom strong{font-size:12px}.technique-part-heading h1{font-family:Tahoma,"Vazirmatn",Arial,sans-serif;font-size:32px;line-height:1.6}.technique-list-copy>strong{font-family:Tahoma,"Vazirmatn",Arial,sans-serif;font-size:18px;line-height:1.65}.technique-title-fa{font-size:13px}.technique-list-summary{font-size:13px;line-height:1.9}.technique-category{font-size:12px}.technique-list-open>span{font-size:11px}.technique-search input{font-size:13px}.technique-detail-heading h1{font-family:Tahoma,"Vazirmatn",Arial,sans-serif;font-size:31px;line-height:1.6}.technique-detail-title-fa{font-size:14px}.technique-content-title h2{font-size:19px}.technique-persian-copy,.technique-example-fa{font-family:Tahoma,"Vazirmatn",Arial,sans-serif;font-size:16px;line-height:2}.technique-example{font-size:15px;line-height:1.95}
@media(max-width:700px){.technique-hero-copy[lang="fa"] h1{font-size:31px}.technique-hero-copy[lang="fa"]>p{font-size:14px}.technique-part-heading h1,.technique-detail-heading h1{font-size:25px}.technique-list-copy>strong{font-size:16px}.technique-list-summary{font-size:12px}.technique-persian-copy,.technique-example-fa{font-size:14px}.technique-example{font-size:14px}}

/* Shabnam and controlled RTL text flow for Techniques */
@font-face{font-family:Shabnam;src:url("/static/frontend/fonts/shabnam_normal.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Shabnam;src:url("/static/frontend/fonts/shabnam_light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Shabnam;src:url("/static/frontend/fonts/shabnam_bold.ttf") format("truetype");font-style:normal;font-weight:700 900;font-display:swap}
.technique-hero-copy[lang="fa"],.technique-part-copy[lang="fa"],.technique-part-heading-copy[lang="fa"],.technique-content-card [lang="fa"],.technique-list-copy[dir="rtl"],.technique-section-title [lang="fa"]{font-family:Shabnam,Tahoma,sans-serif;direction:rtl;text-align:right}.technique-hero-copy[lang="fa"] h1{font-size:clamp(27px,3vw,34px);line-height:1.55;letter-spacing:0}.technique-hero-copy[lang="fa"]>p{font-size:14px;line-height:1.9}.technique-hero-meta{direction:rtl;justify-content:flex-start}.technique-art-note{font-family:Shabnam,Tahoma,sans-serif;font-size:11px}.technique-section-title h2,.technique-list-heading h2{font-size:20px}.technique-part-card{direction:ltr}.technique-part-copy[lang="fa"]{direction:rtl;text-align:right}.technique-part-card[lang="fa"] h2,.technique-part-card .technique-part-copy h2{display:block;font-family:Shabnam,Tahoma,sans-serif;font-size:17px;line-height:1.6;letter-spacing:0}.technique-part-card .technique-part-copy>p{font-family:Shabnam,Tahoma,sans-serif;font-size:12px;line-height:1.8}.technique-part-bottom{direction:ltr}.technique-part-bottom>span,.technique-part-bottom strong{font-family:Shabnam,Tahoma,sans-serif;font-size:11px}.technique-part-heading-copy[lang="fa"] h1{font-family:Shabnam,Tahoma,sans-serif;font-size:27px;line-height:1.6}.technique-part-heading-copy[lang="fa"]>p{font-family:Shabnam,Tahoma,sans-serif;font-size:13px;line-height:1.9}.technique-list-copy[dir="rtl"]{direction:rtl;text-align:right}.technique-list-copy>strong{font-family:Shabnam,Tahoma,sans-serif;font-size:16px;line-height:1.6}.technique-list-copy .technique-title-fa{justify-self:start;direction:ltr;text-align:left;font-family:Manrope,Arial,sans-serif;font-size:11px}.technique-list-summary{font-family:Shabnam,Tahoma,sans-serif;font-size:12px;line-height:1.8}.technique-list-open{direction:ltr}.technique-detail-heading[lang="fa"] h1{font-family:Shabnam,Tahoma,sans-serif;font-size:27px;line-height:1.6;letter-spacing:0}.technique-detail-heading[lang="fa"] .technique-back-link{direction:rtl}.technique-detail-heading[lang="fa"] .technique-detail-title-fa{font-family:Manrope,Arial,sans-serif;font-size:13px}.technique-content-title{direction:ltr}.technique-content-title>div{direction:rtl;text-align:right}.technique-content-card[lang="fa"] .technique-persian-copy,.technique-content-card[lang="fa"] .technique-example-fa{font-family:Shabnam,Tahoma,sans-serif;font-size:14px;line-height:1.95}.technique-example{direction:ltr;text-align:left;font-size:13px;line-height:1.8}.technique-detail-nav{direction:ltr}
@media(max-width:700px){.technique-hero-copy[lang="fa"] h1{font-size:27px}.technique-hero-copy[lang="fa"]>p{font-size:13px}.technique-part-heading-copy[lang="fa"] h1,.technique-detail-heading[lang="fa"] h1{font-size:23px}.technique-list-copy>strong{font-size:15px}.technique-list-summary{font-size:11px}.technique-content-card[lang="fa"] .technique-persian-copy,.technique-content-card[lang="fa"] .technique-example-fa{font-size:13px}}

.technique-detail-copy[lang="fa"]{direction:rtl;text-align:right;font-family:Shabnam,Tahoma,sans-serif}.technique-detail-copy[lang="fa"] h1{font-family:Shabnam,Tahoma,sans-serif;font-size:27px;line-height:1.6;letter-spacing:0}.technique-detail-copy[lang="fa"] .technique-category{direction:rtl}.technique-content-card[lang="fa"]{direction:rtl;text-align:right}.technique-content-title>div[lang="fa"]{direction:rtl;text-align:right}.technique-list-card{direction:ltr}.technique-part-heading{direction:ltr}.technique-detail-heading{direction:ltr}
@media(max-width:700px){.technique-detail-copy[lang="fa"] h1{font-size:23px}}

:lang(fa){font-family:Shabnam,Tahoma,sans-serif}.technique-hero-copy[lang="fa"] h1{font-family:Shabnam,Tahoma,sans-serif;font-size:clamp(26px,2.5vw,31px)}.technique-section-title{direction:rtl}.technique-part-grid{direction:rtl}.technique-list-heading{direction:rtl}.technique-list-heading .technique-search{direction:ltr}.technique-part-heading-copy[lang="fa"] h1,.technique-detail-copy[lang="fa"] h1{font-size:25px}.technique-detail-copy[lang="fa"] h1{font-family:Shabnam,Tahoma,sans-serif}.technique-part-card .technique-part-copy h2{font-size:16px}.technique-hero-copy[lang="fa"]>p{font-size:13px}
@media(max-width:700px){.technique-hero-copy[lang="fa"] h1{font-size:25px}.technique-part-heading-copy[lang="fa"] h1,.technique-detail-copy[lang="fa"] h1{font-size:22px}}

.technique-detail-grid{direction:rtl}

/* Explicit RTL composition: Persian screens place their first item on the right. */
.technique-hero{direction:rtl}.technique-hero-copy{direction:rtl}.technique-part-grid{direction:rtl}.technique-part-card{direction:rtl}.technique-part-top{direction:rtl}.technique-part-bottom{direction:rtl}.technique-list-heading{direction:rtl}.technique-list-card{direction:rtl;grid-template-columns:42px minmax(0,1fr) auto}.technique-list-index{grid-column:1}.technique-list-copy{grid-column:2}.technique-list-open{grid-column:3;direction:rtl}.technique-detail-grid{direction:rtl}.technique-content-title{direction:rtl}.technique-detail-nav{direction:rtl}
@media(max-width:700px){.technique-list-card{grid-template-columns:32px minmax(0,1fr)}.technique-list-index{grid-column:1}.technique-list-copy{grid-column:2}.technique-list-open{grid-column:2;justify-self:start}}

.technique-breadcrumb{direction:rtl;justify-content:flex-start;text-align:right}.technique-list-heading .technique-search{direction:rtl}.technique-search input{direction:rtl;text-align:right;font-family:Shabnam,Tahoma,sans-serif}

/* Final Techniques direction, typography, and control placement */
.technique-breadcrumb{direction:ltr!important;justify-content:flex-start!important;text-align:left!important}.technique-breadcrumb *{direction:ltr!important;text-align:left!important}.technique-list-card{align-items:start;grid-template-columns:42px minmax(0,1fr)}.technique-list-index{align-self:start;grid-column:1;grid-row:1;margin-top:1px}.technique-list-copy{grid-column:2;grid-row:1}.technique-list-open{display:none!important}.technique-content-title .eyebrow{font-family:Shabnam,Tahoma,sans-serif;font-size:13px!important;font-weight:700;line-height:1.6}.technique-content-title h2{font-family:Shabnam,Tahoma,sans-serif;font-size:17px;line-height:1.6}.technique-persian-copy,.technique-example-fa{font-family:Shabnam,Tahoma,sans-serif}.technique-detail-copy[lang="fa"] .technique-back-link{display:flex;width:max-content;max-width:100%;margin:0 0 18px auto;direction:rtl;text-align:right;font-family:Shabnam,Tahoma,sans-serif}.technique-detail-copy[lang="fa"] .technique-back-link::first-letter{direction:ltr}.technique-list-heading .technique-search{direction:ltr!important}.technique-search input{direction:rtl;text-align:right}.technique-search button{flex:none;margin-left:0;margin-right:0}.technique-search button svg{display:block;margin:auto}
@media(max-width:700px){.technique-list-card{grid-template-columns:32px minmax(0,1fr)}.technique-list-index{grid-column:1;grid-row:1;align-self:start}.technique-list-copy{grid-column:2;grid-row:1}.technique-content-title .eyebrow{font-size:12px!important}.technique-content-title h2{font-size:16px}}

.technique-detail-heading>.technique-back-link{display:block;width:max-content;max-width:100%;margin:0 0 18px auto;direction:rtl;text-align:right;font-family:Shabnam,Tahoma,sans-serif}.technique-content-title .eyebrow{font-size:15px!important;line-height:1.7}
@media(max-width:700px){.technique-content-title .eyebrow{font-size:14px!important}}

main [dir="rtl"]{font-family:Shabnam,Tahoma,sans-serif}

/* Paired learning-resource cards on the student home page */
.learning-resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 28px;align-items:stretch}.learning-resource-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;min-height:156px;margin:0;padding:21px 22px;overflow:hidden;border:1px solid #e2e7f2;border-radius:18px;background:linear-gradient(125deg,#fff,#f6f7ff);color:inherit;text-decoration:none;box-shadow:0 7px 22px rgba(39,54,98,.05);transition:transform .18s,border-color .18s,box-shadow .18s}.learning-resource-card:hover{transform:translateY(-2px);border-color:#cfd6f5;box-shadow:0 13px 28px rgba(39,54,98,.1)}.learning-resource-card:focus-visible{outline:3px solid #6576d955;outline-offset:3px}.learning-resource-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid #e0e5ff;border-radius:16px;background:#eef0ff;color:#596bd5}.learning-resource-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.learning-resource-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.learning-resource-copy .eyebrow{font-size:9px;letter-spacing:.13em}.learning-resource-copy strong{color:#253151;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.025em;line-height:1.25}.learning-resource-copy>span:last-child{color:#7d879e;font-size:12px;line-height:1.65}.learning-resource-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #e0e5f5;border-radius:11px;background:#fff;padding:10px 12px;color:#5365cb;font-size:11px;font-weight:700}.learning-resource-link b{font-size:15px;line-height:1}.vocabulary-feature{border-color:#e1e5fa;background:linear-gradient(125deg,#fff,#f5f6ff)}.vocabulary-feature .learning-resource-icon{background:#eef0ff;color:#596bd5}.vocabulary-feature .learning-resource-copy .eyebrow{color:#6574d4}.technique-feature{border-color:#dcebe8;background:linear-gradient(125deg,#fff,#f2faf8)}.technique-feature .technique-feature-icon{border-color:#d7eee7;background:#e9f7f2;color:#2f947b}.technique-feature .learning-resource-copy .eyebrow{color:#348c78}.technique-feature .learning-resource-link{border-color:#dceee8;color:#2f8974}html[data-theme="dark"] .learning-resource-card{border-color:#30384d;background:linear-gradient(125deg,#1a2030,#1d2538);box-shadow:0 7px 22px rgba(0,0,0,.13)}html[data-theme="dark"] .learning-resource-card:hover{border-color:#465278;box-shadow:0 13px 28px rgba(0,0,0,.22)}html[data-theme="dark"] .learning-resource-icon{border-color:#414c73;background:#292f4c;color:#b8c1ff}html[data-theme="dark"] .technique-feature .learning-resource-icon{border-color:#31584f;background:#203a38;color:#79d0b7}html[data-theme="dark"] .learning-resource-copy strong{color:#edf1ff}html[data-theme="dark"] .learning-resource-copy>span:last-child{color:#a0aac1}html[data-theme="dark"] .learning-resource-link{border-color:#39435d;background:#252d42;color:#c2caff}html[data-theme="dark"] .technique-feature .learning-resource-link{border-color:#31584f;color:#87d4bd}
@media(max-width:700px){.learning-resources-grid{grid-template-columns:1fr;gap:12px;margin:18px 0 23px}.learning-resource-card{grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:132px;padding:17px}.learning-resource-icon{grid-column:1;grid-row:1;width:44px;height:44px;border-radius:13px}.learning-resource-copy{grid-column:2;grid-row:1}.learning-resource-copy strong{font-size:16px}.learning-resource-copy>span:last-child{font-size:11px}.learning-resource-link{grid-column:2;grid-row:2;justify-self:start;padding:8px 10px;font-size:10px}}

/* Home learning destinations: editorial copy with a distinct illustrated panel. */
.learning-resources-grid{gap:20px;margin:26px 0 32px}
.learning-resource-card{grid-template-columns:minmax(0,1fr) 148px;gap:16px;min-height:218px;padding:25px 26px;border-radius:22px;box-shadow:0 12px 28px rgba(37,50,88,.07)}
.learning-resource-copy{grid-column:1;grid-row:1;align-self:stretch;justify-content:center;gap:9px}
.learning-resource-copy strong{font-size:21px;line-height:1.24}
.learning-resource-copy>span:last-child:not(.learning-resource-link){max-width:340px;font-size:12px;line-height:1.7}
.resource-kicker{display:flex;align-items:center;gap:8px;color:#6874cb;font-size:9px;font-weight:800;letter-spacing:.12em}
.resource-kicker-mark{display:inline-grid;min-width:35px;height:22px;place-items:center;padding:0 6px;border:1px solid #dce1ff;border-radius:7px;background:#fff;color:#596bd5;font-size:9px;letter-spacing:0}
.learning-resource-link{width:max-content;margin-top:4px;padding:9px 12px;border-radius:10px;background:#586bd4;color:#fff;font-size:10px;box-shadow:0 5px 12px rgba(75,92,195,.16)}
.learning-resource-link b{font-size:14px}
.resource-art{position:relative;grid-column:2;grid-row:1;display:block;align-self:stretch;min-height:164px;overflow:hidden;border-radius:18px}
.vocabulary-art{background:linear-gradient(145deg,#e8eaff,#d9ddff)}
.vocab-page{position:absolute;display:block;width:76px;height:104px;border:1px solid rgba(87,101,190,.17);border-radius:10px;background:#fff;box-shadow:0 9px 17px rgba(67,78,151,.13)}
.vocab-page-back{top:29px;left:41px;transform:rotate(11deg);background:#f7f7ff}
.vocab-page-front{top:34px;left:29px;display:flex;flex-direction:column;gap:9px;padding:12px 11px;transform:rotate(-7deg)}
.vocab-page-front i{margin-bottom:2px;color:#596bd5;font-family:Georgia,serif;font-size:24px;font-style:normal;font-weight:700}
.vocab-page-front b{display:block;width:100%;height:3px;border-radius:3px;background:#dce1f8}.vocab-page-front b:nth-of-type(2){width:72%}.vocab-page-front b:nth-of-type(3){width:86%}
.vocab-spark{position:absolute;color:#fff8d5;font-size:18px;text-shadow:0 2px 8px #8b82db66}.vocab-spark-one{top:22px;right:19px}.vocab-spark-two{bottom:20px;left:17px;font-size:13px}
.technique-art{background:linear-gradient(145deg,#dcf2eb,#c9e8df)}
.speech-orbit{position:absolute;border:1px solid rgba(53,139,117,.2);border-radius:50%}.speech-orbit-one{width:126px;height:126px;top:19px;left:11px}.speech-orbit-two{width:92px;height:92px;top:36px;left:28px}
.speech-card{position:absolute;display:block;border:1px solid rgba(46,130,108,.16);border-radius:11px;background:#fff;box-shadow:0 9px 17px rgba(44,112,99,.12)}
.speech-card-back{top:41px;left:58px;width:61px;height:47px;transform:rotate(9deg);background:#f6fffb}.speech-card-front{top:56px;left:31px;width:75px;height:58px;padding:13px 12px;transform:rotate(-7deg)}
.speech-card i{display:block;width:20px;height:5px;margin-bottom:8px;border-radius:5px;background:#43a68a}.speech-card b{display:block;width:100%;height:3px;margin-top:6px;border-radius:3px;background:#d7eee6}.speech-card b:last-child{width:68%}.speech-star{position:absolute;top:25px;right:20px;color:#fff;font-size:17px;text-shadow:0 2px 8px #348f7a66}
.technique-feature .resource-kicker{color:#328c77}.technique-feature .resource-kicker-mark{border-color:#d0eae1;color:#328c77}
.technique-feature .learning-resource-link{background:#318c77;color:#fff;box-shadow:0 5px 12px rgba(45,131,108,.18)}
html[data-theme="dark"] .resource-kicker-mark{border-color:#414c73;background:#252d42;color:#c2caff}
html[data-theme="dark"] .learning-resource-link{background:#596bd5;color:#fff}
html[data-theme="dark"] .technique-feature .resource-kicker-mark{border-color:#31584f;background:#203a38;color:#87d4bd}
html[data-theme="dark"] .technique-feature .learning-resource-link{background:#2f8974;color:#fff}
html[data-theme="dark"] .vocabulary-art{background:linear-gradient(145deg,#343b66,#292f50)}
html[data-theme="dark"] .technique-art{background:linear-gradient(145deg,#244b47,#203d3d)}
html[data-theme="dark"] .vocab-page{border-color:#465078;background:#eff0ff}
html[data-theme="dark"] .vocab-page-back{background:#dfe3ff}
html[data-theme="dark"] .speech-card{border-color:#41675d;background:#f1fff9}
html[data-theme="dark"] .speech-card-back{background:#def5eb}
@media(max-width:900px){.learning-resource-card{grid-template-columns:minmax(0,1fr) 120px;min-height:202px;padding:21px}.resource-art{min-height:158px}.vocab-page-back{left:34px}.vocab-page-front{left:22px}.speech-orbit-one{left:0}.speech-orbit-two{left:17px}.speech-card-back{left:47px}.speech-card-front{left:20px}}
@media(max-width:700px){.learning-resources-grid{gap:14px;margin:20px 0 26px}.learning-resource-card{grid-template-columns:minmax(0,1fr) 108px;gap:12px;min-height:200px;padding:18px;border-radius:18px}.learning-resource-copy{grid-column:1;grid-row:1;gap:7px}.learning-resource-copy strong{font-size:17px}.learning-resource-copy>span:last-child:not(.learning-resource-link){font-size:11px}.learning-resource-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:3px;padding:8px 10px;font-size:10px}.resource-art{grid-column:2;grid-row:1;min-height:146px;border-radius:15px}.resource-kicker{font-size:8px}.resource-kicker-mark{min-width:31px;height:20px;font-size:8px}.vocab-page-back{left:29px}.vocab-page-front{left:16px}.speech-orbit-one{left:-6px}.speech-orbit-two{left:11px}.speech-card-back{left:40px}.speech-card-front{left:13px}}
@media(max-width:380px){.learning-resource-card{grid-template-columns:minmax(0,1fr) 82px;padding:15px}.resource-art{min-height:142px}.vocab-page-back{left:21px}.vocab-page-front{left:8px}.speech-orbit-one{left:-17px}.speech-orbit-two{left:0}.speech-card-back{left:29px}.speech-card-front{left:2px}.learning-resource-copy strong{font-size:15px}}

@media(max-width:700px){.level-chart{min-width:0}.chart-axis-label{font-size:22px}.chart-date-label{font-size:18px}}
.learning-resource-card .learning-resource-link{color:#fff!important}
html[data-theme="dark"] .learning-resource-card .learning-resource-link{color:#fff!important}

.vocabulary-category-card h3{margin-bottom:3px}
.vocabulary-category-persian{display:block;margin:0 0 10px;color:#77839d;font-family:Shabnam,Tahoma,sans-serif;font-size:12px;line-height:1.7;text-align:right}
html[data-theme="dark"] .vocabulary-category-persian{color:#aab5ce}
@media(max-width:700px){.vocabulary-category-card{min-height:142px}.vocabulary-category-persian{font-size:12px;margin-bottom:9px}}

/* Keep the vocabulary and techniques feature cards clear and compact on phones. */
@media(max-width:700px){
  .vocabulary-hero-art{grid-row:1;margin:0 0 8px}
  .vocabulary-hero-copy{grid-row:2}
  .vocabulary-hero{gap:4px;padding:19px 18px 14px}
  .vocabulary-hero h1{font-size:26px;line-height:1.2}
  .vocabulary-hero-copy>p{font-size:11px;line-height:1.7}
  .vocabulary-hero-stats{gap:7px;margin-top:13px}
  .vocabulary-hero-art{min-height:116px;margin-top:2px}
  .vocabulary-orbit{width:128px;height:128px}
  .vocabulary-orbit-one{transform:rotate(25deg) scaleX(1.12)}
  .vocabulary-orbit-two{width:98px;height:98px;transform:rotate(-35deg) scaleX(1.12)}
  .vocabulary-letter{width:68px;height:68px;border-radius:22px;font-size:25px}
  .vocabulary-float{padding:6px 8px;font-size:8px}
  .vocabulary-float-one{top:5px;right:9%}
  .vocabulary-float-two{bottom:12px;left:3%}
  .vocabulary-float-three{right:2%;bottom:8px}

  .technique-hero{gap:2px;padding:18px 17px 12px}
  .technique-hero-art{grid-row:1;margin:0 0 8px;border:0}
  .technique-hero-copy{grid-row:2}
  .technique-hero-copy[lang="fa"] h1{font-size:24px;line-height:1.55}
  .technique-hero-copy[lang="fa"]>p{font-size:12px;line-height:1.85}
  .technique-hero-meta{gap:7px;margin-top:12px}
  .technique-hero-meta span{font-size:10px;padding:6px 9px}
  .technique-hero-art{min-height:112px;margin-top:7px;border-top:1px solid rgba(125,145,195,.16)}
  .technique-orbit{width:112px;height:112px;box-shadow:0 0 0 10px #f4f5fd,0 0 0 11px #e8ebf8}
  html[data-theme="dark"] .technique-orbit{box-shadow:0 0 0 10px #1d2436,0 0 0 11px #30384d}
  .technique-mic{width:64px;height:64px;border-radius:21px}
  .technique-mic svg{width:29px;height:29px}
  .technique-art-note{padding:5px 7px;font-size:9px}
  .technique-art-note.note-one{top:7px;right:5%}
  .technique-art-note.note-two{bottom:8px;left:2%}
  .technique-art-note.note-three{right:1%;bottom:6px}

  .technique-section-title{flex-direction:column;align-items:stretch;gap:4px;margin-bottom:12px;text-align:right}
  .technique-section-title>div,.technique-section-title>span{width:100%;text-align:right}
  .technique-section-title .eyebrow{font-size:9px}
  .technique-section-title h2{margin-top:4px;font-size:18px;line-height:1.55}
  .technique-section-title>span{font-size:10px}

  .technique-part-heading{padding:18px 17px}
  .technique-part-heading-copy{max-width:none;text-align:right}
  .technique-part-heading-copy[lang="fa"] h1{font-size:21px;line-height:1.65}
  .technique-part-heading-copy[lang="fa"]>p{font-size:12px;line-height:1.85}
  .technique-part-heading-number{display:none}
}

/* A clear, accessible choice of AI or human review on signup and profile pages. */
.teacher-choice{display:grid;min-width:0;gap:7px;margin:0;padding:0;border:0}
.teacher-choice legend{padding:0;color:#35415f;font-size:11px;font-weight:750}
.teacher-choice>p{margin:0 0 3px;color:#8992a7;font-size:10px;line-height:1.55}
.teacher-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.teacher-choice-card{position:relative;display:grid;min-width:0;min-height:91px;grid-template-columns:38px minmax(0,1fr) 19px;align-items:center;gap:10px;border:1px solid #e4e8f1;border-radius:12px;background:#fff;padding:12px;color:#3d4965;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}
.teacher-choice-card:hover{transform:translateY(-1px);border-color:#cbd2f4;box-shadow:0 5px 15px #27355d0b}
.teacher-choice-card:has(.teacher-choice-input:checked){border-color:#aeb8f2;background:#f7f8ff;box-shadow:0 0 0 2px #6879dc18}
.teacher-choice-card:focus-within{outline:3px solid #6879dc35;outline-offset:2px}
.teacher-choice-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.teacher-choice-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#f0f2ff;color:#596bd5}
.teacher-choice-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.teacher-choice-copy{display:grid;min-width:0;gap:4px}
.teacher-choice-copy strong{color:#35415f;font-size:11px;font-weight:750}
.teacher-choice-copy small{color:#858fa5;font-size:9px;line-height:1.5}
.teacher-choice-check{display:grid;width:18px;height:18px;place-items:center;border:1px solid #d9deea;border-radius:50%;background:#fff;color:transparent}
.teacher-choice-check svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.teacher-choice-card:has(.teacher-choice-input:checked) .teacher-choice-check{border-color:#596bd5;background:#596bd5;color:#fff}
.teacher-choice .field-error{display:block;margin-top:1px}
html[data-theme="dark"] .teacher-choice legend,html[data-theme="dark"] .teacher-choice-copy strong{color:#edf1ff}
html[data-theme="dark"] .teacher-choice>p,html[data-theme="dark"] .teacher-choice-copy small{color:#a0aac1}
html[data-theme="dark"] .teacher-choice-card{border-color:#30384d;background:#171d2b;color:#d5dcf2}
html[data-theme="dark"] .teacher-choice-card:hover{border-color:#4c5877;background:#1d2436}
html[data-theme="dark"] .teacher-choice-card:has(.teacher-choice-input:checked){border-color:#6879dc;background:#202943;box-shadow:0 0 0 2px #6879dc26}
html[data-theme="dark"] .teacher-choice-icon{background:#292f4c;color:#b7c0ff}
html[data-theme="dark"] .teacher-choice-check{border-color:#4b5570;background:#1a2030}
html[data-theme="dark"] .teacher-choice-card:has(.teacher-choice-input:checked) .teacher-choice-check{border-color:#7788ed;background:#6677df;color:#fff}
@media(max-width:520px){.teacher-choice-grid{grid-template-columns:1fr}.teacher-choice-card{min-height:78px}}

/* Student identity and avatar picker */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.signup-identity-layout{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:26px}
.identity-name-fields{display:grid;min-width:0;gap:10px}
.avatar-picker{display:flex;width:148px;min-width:0;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent}
.avatar-picker>p{display:none}
.avatar-picker legend.visually-hidden{display:block}
.avatar-select-trigger{position:relative;display:block;width:140px;height:140px;max-width:100%;aspect-ratio:1;flex:none;border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;transition:transform .18s ease}
.avatar-select-trigger img{display:block;width:100%;height:100%;border:0;border-radius:50%;object-fit:cover;background:transparent;box-shadow:none}
.avatar-select-trigger:hover,.avatar-select-trigger:focus-visible{transform:scale(1.035);outline:3px solid #7383e6;outline-offset:4px}
.avatar-edit-mark{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;color:#fff;opacity:0;transition:opacity .16s ease}
.avatar-edit-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 4px #000b)}
.avatar-select-trigger:hover .avatar-edit-mark,.avatar-select-trigger:focus-visible .avatar-edit-mark{opacity:1}
.avatar-select-trigger:active .avatar-edit-mark{opacity:1}
.avatar-dialog{width:min(520px,calc(100vw - 32px));max-width:none;max-height:min(720px,calc(100dvh - 40px));overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:22px;box-shadow:0 24px 80px #101a363d;color:var(--ink)}
.avatar-dialog::backdrop{background:#141b2e99;backdrop-filter:blur(3px)}
.avatar-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.avatar-dialog-heading h2{margin:0 0 4px;font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:19px;letter-spacing:-.03em}
.avatar-dialog-heading p{margin:0;color:var(--muted);font-size:12px}
.avatar-dialog-close{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.avatar-dialog-close:hover{border-color:#cbd2f4;background:var(--canvas);color:var(--ink)}
.avatar-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px}
.avatar-choice-card{position:relative;display:grid;width:min(92px,100%);aspect-ratio:1;min-width:0;justify-self:center;place-items:center;border:0;border-radius:50%;background:transparent;padding:5px;cursor:pointer;transition:transform .16s ease}
.avatar-choice-card:hover{transform:scale(1.07)}
.avatar-choice-card:has(.avatar-choice-input:checked){outline:3px solid #7383e6;outline-offset:2px}
.avatar-choice-card:focus-within{outline:3px solid #7383e6;outline-offset:3px}
.avatar-choice-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.avatar-choice-card img{display:block;width:100%;aspect-ratio:1;border:0;border-radius:50%;object-fit:cover;background:transparent;box-shadow:none}
.avatar-picker .field-error{display:block;margin-top:6px}
.profile-form-card .avatar-picker{margin:0 0 2px}
.avatar-image{display:block;overflow:hidden;object-fit:cover;border-radius:50%;background:transparent;box-shadow:none}
.account-chip .avatar-image{width:36px;height:36px}
.avatar-large.avatar-image{width:56px;height:56px;border:0;box-shadow:none}
.mobile-avatar{overflow:hidden;border-radius:50%;padding:0}
.mobile-avatar{background:transparent}
.mobile-avatar img{width:100%;height:100%;object-fit:cover;background:transparent}
.welcome-identity{display:flex;min-width:0;align-items:center;gap:16px}
.welcome-avatar{display:block;width:95px;height:95px;flex:none;object-fit:cover;border:0;border-radius:50%;background:transparent;box-shadow:none}
.welcome-identity h1{margin-top:7px}
html[data-theme="dark"] .avatar-dialog{border-color:#30384d;background:#171d2b;color:#edf1ff}
html[data-theme="dark"] .avatar-dialog-close{border-color:#3a4359;color:#a0aac1}
html[data-theme="dark"] .avatar-image{border-color:#252c3d}
@media(max-width:700px){.welcome-identity{gap:12px}.welcome-avatar{width:73px;height:73px}}
@media(max-width:520px){.signup-identity-layout{grid-template-columns:112px minmax(0,1fr);gap:18px}.avatar-picker{width:112px}.avatar-select-trigger{width:104px;height:104px}.avatar-dialog{padding:18px;border-radius:18px}.avatar-choice-grid{gap:10px 5px}}
@media(max-width:390px){.welcome-avatar{width:63px;height:63px}}
@media(hover:none){.avatar-edit-mark{opacity:.85}}

.gender-select{appearance:none;-webkit-appearance:none;padding-right:42px!important;border-radius:11px!important;background-color:var(--paper)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2377819a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;color:var(--ink)!important;font-weight:600!important;cursor:pointer}
.gender-select:hover{border-color:#bcc5e7!important}
.gender-select:focus{border-color:#7181e0!important;box-shadow:0 0 0 4px #6677e124!important}
html[data-theme="dark"] .gender-select{background-color:#111725!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a0aac1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;color:#edf1ff!important}

/* Keep the identity-provider button aligned with the full-width auth actions. */
.auth-divider,.google-button{width:min(100%,400px);margin-right:auto;margin-left:auto}
.google-button{min-height:48px;justify-content:center;border-radius:12px;overflow:hidden}
.google-button iframe{width:100%;max-width:100%}