/* eSecondarySchool • Concept design system. Sora + original navy / violet / pink palette. */
:root{--navy:#08183b;--navy-2:#111e4a;--ink:#271d48;--purple:#463267;--pink:#e63d96;--pink-light:#ffedf6;--teal:#31bbb4;--mint:#e2f8f1;--blue:#3b75d7;--yellow:#ffc45e;--paper:#ffffff;--wash:#f7f7fb;--wash-2:#f2f3f9;--border:#e6e6ef;--muted:#74758a;--shadow:0 18px 52px rgba(21,24,67,.075);--radius:18px;--sora:'Sora',Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sora);font-size:14px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}h1,h2,h3,h4,h5,p{margin-top:0}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.042em}h1{font-weight:750}h2{font-weight:700}h3{font-weight:650}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}img{display:block;max-width:100%}img.image-failed{opacity:0}.icon{flex-shrink:0;vertical-align:middle}::selection{background:#eec4e0;color:#180e36}[hidden]{display:none!important}:focus-visible{outline:3px solid #ff94cc;outline-offset:3px}small{font-size:11px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.section{padding:92px 0}.eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--pink);text-transform:uppercase}.eyebrow.light{color:#ffc0e0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;min-height:48px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:750;white-space:nowrap;letter-spacing:-.01em;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 9px 21px rgba(230,61,150,.22)}.btn-primary:hover{background:#cf2a83}.btn-outline{border-color:#d6d5e1;color:var(--purple);background:transparent}.btn-outline:hover{border-color:var(--pink);background:#fff7fb}.btn-ghost{color:#fff;background:#ffffff20;border-color:#ffffff4a}.btn-white{background:#fff;color:var(--navy)}.btn-white:hover{background:#fff0f8}.btn.small{padding:9px 13px;min-height:38px}.btn.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:750;color:var(--pink)}.text-link:hover{gap:13px}.icon-button{border:0;background:transparent;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;color:inherit}.icon-button:hover{background:#f5f1fa}.link-button{border:0;background:transparent;color:var(--pink);font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading h2{font-size:clamp(27px,3vw,39px);margin:8px 0 0;color:var(--purple);max-width:750px}.section-heading p{margin:9px 0 0;font-size:12px;max-width:610px}.section-heading .text-link{flex-shrink:0;padding-bottom:6px}
/* Public site header and navigation */
.announcement{height:34px;background:var(--navy);color:#f9f9ff;font-size:9px;font-weight:550}.announcement-in{height:100%;display:flex;align-items:center;justify-content:space-between}.announcement-in span,.announcement-in a{display:inline-flex;gap:8px;align-items:center}.announcement-in svg{color:#ffa3d2}.announcement-in a{font-weight:750}.site-header{height:83px;position:relative;z-index:40;background:#fff;box-shadow:0 2px 22px rgba(4,16,44,.035)}.nav-inner{height:100%;display:flex;align-items:center;gap:33px}.brand{display:inline-flex;align-items:center;flex-shrink:0;gap:8px;background:var(--navy);border-radius:8px;padding:8px 12px 8px 8px;color:#fff;width:max-content;line-height:1}.brand-mark{display:flex;justify-content:center;align-items:center;width:35px;height:38px;border:2px solid #fff;background:#fff;color:var(--navy);font-size:35px;font-weight:800;letter-spacing:-.13em;border-radius:7px;font-family:Arial,sans-serif}.brand-mark span{font-size:20px;color:var(--pink);align-self:end;padding:0 4px 4px 1px}.brand-type{display:flex;flex-direction:column;gap:4px}.brand-word{font-family:Arial,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.085em;white-space:nowrap}.brand-word strong{color:#fff;font-weight:600}.brand-word b{color:#f83a95;font-weight:700}.brand-sub{font-family:Arial,sans-serif;color:#a5adc6;font-size:6px;letter-spacing:.12em;font-weight:700}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-left:auto;height:100%}.navlink{font-size:11px;color:#5b536d;font-weight:600;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;height:100%;padding:0;white-space:nowrap;position:relative}.navlink:hover,.navlink.on{color:var(--pink)}.navlink.on:after{content:'';position:absolute;bottom:21px;left:0;right:0;height:2px;background:var(--pink)}.nav-actions{display:flex;align-items:center;gap:13px}.nav-actions .login-link{font-weight:650;font-size:11px;color:var(--navy);white-space:nowrap}.nav-cta{padding:10px 16px;min-height:42px}.nav-search{color:var(--purple)}.burger{display:none}.mega-menu{position:absolute;top:72px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 28px 70px rgba(16,14,57,.19);padding:16px;z-index:50}.mega-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px}.mega-feature{padding:23px 23px;background:#111c49;color:#fff;border-radius:11px;min-height:260px;position:relative;overflow:hidden}.mega-feature:after{content:'';position:absolute;border-radius:100%;width:180px;height:180px;right:-80px;bottom:-70px;background:#dc338e}.mega-feature h3{font-size:23px;letter-spacing:-.04em;position:relative;z-index:1;margin:9px 0}.mega-feature p{font-size:10px;color:#c5bed5;line-height:1.8;position:relative;z-index:1}.mega-feature .btn{position:relative;z-index:1;margin-top:12px;font-size:10px;min-height:36px;padding:9px 13px}.micro,.mega-title{font-size:9px;letter-spacing:.16em;color:#9690a8;font-weight:800}.mega-feature .micro{color:#ff9bca}.mega-grid>div:not(:first-child){padding:15px 8px}.mega-title{margin-bottom:17px;padding-left:9px}.mega-link{display:flex;align-items:center;gap:9px;padding:11px 8px;border-radius:8px;font-weight:600;font-size:10px;white-space:nowrap}.mega-link:hover{background:#f7f5fc;color:var(--pink)}.mega-link>svg:first-child{color:#9582ae}.mega-link>svg:last-child{margin-left:auto;width:13px}.mobile-panel{position:fixed;inset:0 0 0 auto;width:min(390px,100vw);background:#fff;z-index:130;box-shadow:0 0 0 100vw rgba(0,0,0,.55);padding:18px 22px;overflow:auto}.mobile-panel-top{display:flex;justify-content:space-between;align-items:center}.mobile-links{padding:25px 0}.mobile-links a{display:flex;justify-content:space-between;padding:14px 3px;border-bottom:1px solid var(--border);font-weight:650;font-size:13px}.mobile-links a:hover{color:var(--pink)}
/* Hero */
.hero{color:#fff;background:#121942;position:relative;overflow:hidden}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(18px)}.hero-glow.one{width:630px;height:630px;background:radial-gradient(circle,#713364 0%,transparent 67%);top:-300px;right:-150px;opacity:.42}.hero-glow.two{width:600px;height:560px;background:radial-gradient(circle,#283373 0%,transparent 72%);bottom:-390px;left:-150px;opacity:.67}.hero-layout{min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;position:relative;z-index:1}.hero-copy{padding:45px 0 58px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #9f6689;background:#ffffff0b;color:#fbb9dd;padding:8px 13px;font-size:9px;font-weight:750;letter-spacing:.06em;border-radius:99px;margin-bottom:27px}.hero h1{font-size:clamp(40px,4.5vw,67px);line-height:1.095;letter-spacing:-.069em;margin:0 0 24px;max-width:660px}.hero h1 em{font-style:normal;color:#fc82be;position:relative}.hero h1 em:after{content:'';height:8px;bottom:-6px;left:8px;right:7px;position:absolute;border-top:3px solid #f8acd4;border-radius:50%;transform:rotate(-2deg)}.hero-copy>p{max-width:500px;color:#bbc1d5;font-size:13px;line-height:1.95;margin-bottom:27px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-actions .btn-outline{background:#ffffff09;border-color:#adb4d252;color:#fff}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:35px}.avatar-stack{display:flex;padding-left:6px}.avatar-stack span{width:34px;height:34px;border-radius:50%;margin-left:-7px;border:2px solid #19234f;background:#fec3ca;color:var(--navy);font-family:Arial,sans-serif;font-size:10px;font-weight:800;display:grid;place-items:center}.avatar-stack span:nth-child(2){background:#b5e6e0}.avatar-stack span:nth-child(3){background:#dfd1ff}.avatar-stack span:nth-child(4){background:#ffd79e}.hero-proof-title{font-size:10px;font-weight:700}.hero-proof small{color:#9ca5c0}.hero-art{height:550px;position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-img-plate{position:absolute;right:5px;bottom:0;width:90%;height:505px;background:linear-gradient(145deg,#eeb1d5 0%,#e2b9d1 51%,#fac9b1 100%);border-radius:47% 47% 12px 12px;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 41%;mix-blend-mode:multiply;filter:saturate(.9) contrast(.98)}.hero-img-plate:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e7bfd022,transparent 50%)}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#fff;color:#34234e;border-radius:13px;box-shadow:0 16px 35px #070b3566}.float-card b{font-size:10px;display:block}.float-card small{color:#9890a7;display:block;font-size:9px}.float-top{top:63px;right:-6px}.float-top>svg{color:#e4a526}.float-bottom{bottom:58px;left:-8px}.check-dot{width:39px;height:39px;background:#dff7ed;color:#158e77;border-radius:50%;display:grid;place-items:center}.deco-circle{border:1px solid #ffffff99;width:23px;height:23px;position:absolute;border-radius:50%;z-index:2}.circ-one{top:32px;left:50px}.circ-two{top:120px;left:5px;width:11px;height:11px;background:#ffa2d4;border:0}.hero-bottom-strip{height:46px;background:#101437bb;position:relative;z-index:3}.hero-bottom-strip .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px}.hero-bottom-strip span:first-child{font-weight:750}.hero-bottom-strip span:last-child{color:#c3c4d5;display:flex;align-items:center;gap:9px}.trust-band{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--border)}.trust-band>div{display:flex;flex-direction:column}.trust-band>div:not(:first-child){align-items:center}.trust-intro{font-size:10px;letter-spacing:.07em;font-weight:800;display:flex!important;align-items:center;gap:9px;color:#504262}.trust-star{display:inline-flex;color:var(--pink)}.trust-band b{font-size:17px;color:var(--ink);letter-spacing:-.045em}.trust-band span:not(.trust-star){color:#8a8498;font-size:9px}
/* Public content */
.section-discover{background:#fff}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.path-card{border-radius:17px;padding:28px;min-height:345px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.path-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.path-one{background:#f5e9f4}.path-two{background:#e2f5f1}.path-three{background:#fff2df}.path-num{font-size:9px;font-weight:800;letter-spacing:.14em;color:#8a628d}.path-two .path-num{color:#4f988f}.path-three .path-num{color:#b88342}.path-illustration{position:absolute;top:39px;right:22px;opacity:.9;transform:rotate(-13deg);color:#bc5c9e}.path-two .path-illustration{color:#3da99f}.path-three .path-illustration{color:#d39b45}.path-illustration:before{content:'';position:absolute;width:135px;height:135px;border-radius:50%;background:#ffffff77;top:-24px;left:-27px;z-index:-1}.path-card h3{font-size:23px;line-height:1.2;margin:auto 0 9px;color:#332350;max-width:245px}.path-card p{font-size:11px;line-height:1.75;color:#696179;max-width:270px}.path-action{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;margin-top:18px}.path-two .path-action{color:#288d85}.path-three .path-action{color:#b6782f}.section-courses{background:#fbfbfe}.course-grid{display:grid;gap:18px}.course-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.course-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{background:#fff;border:1px solid #eeeef3;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(27,25,64,.035);transition:transform .22s,box-shadow .22s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course-thumb{height:168px;display:block;position:relative;overflow:hidden}.course-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .4s}.course-card:hover .course-thumb img{transform:scale(1.07)}.course-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0b103b55,transparent 65%)}.course-thumb.purple{background:#e6d2fa}.course-thumb.rose{background:#f6c4d7}.course-thumb.mint{background:#d2f5e6}.course-thumb.yellow{background:#fff1b0}.course-thumb.sky{background:#cde7ff}.course-level{position:absolute;z-index:2;top:13px;left:13px;background:#fff;color:var(--purple);padding:5px 9px;font-size:9px;font-weight:800;border-radius:6px}.thumb-play{position:absolute;z-index:2;right:13px;bottom:12px;width:33px;height:33px;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--pink)}.course-info{padding:19px 18px 17px}.card-overline{font-size:9px;letter-spacing:.02em;color:#858097;font-weight:650}.dot-sep{padding:0 4px;color:#b2adc0}.course-title-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.course-info h3{font-size:15px;letter-spacing:-.025em;margin:8px 0 10px;color:var(--purple)}.bookmark-btn{background:transparent;border:0;color:#aea9bc;padding:3px}.bookmark-btn.marked{color:var(--pink)}.bookmark-btn.marked svg{fill:#ffe5f3}.course-info>p{font-size:10px;line-height:1.75;min-height:51px;margin-bottom:16px;color:#868095}.course-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:13px;gap:8px}.course-bottom>span{font-size:9px;color:#837b91;display:inline-flex;align-items:center;gap:5px}.course-bottom .free-label{color:var(--pink);font-weight:800}.course-pills{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.course-pills>span{color:#8b8494;font-size:10px}.course-pills a{background:#fff;border:1px solid var(--border);border-radius:40px;padding:8px 11px;display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:9px}.course-pills a:hover{color:var(--pink);border-color:var(--pink)}.feature-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:85px;align-items:center}.feature-visual{position:relative}.feature-photo{height:475px;border-radius:20px 20px 90px 20px;overflow:hidden;background:#e0e4e4}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-video-mini{position:absolute;bottom:-28px;right:-25px;background:#fff;box-shadow:0 17px 55px #22214c26;padding:17px 19px;display:flex;align-items:center;gap:12px;border-radius:14px;width:300px}.feature-video-mini>svg{width:43px;height:43px;background:var(--pink);color:white;border-radius:50%;padding:13px}.feature-video-mini span{font-size:10px;font-weight:700}.feature-video-mini small{display:block;font-size:9px;color:var(--muted);font-weight:400}.feature-video-mini a{margin-left:auto;color:var(--pink)}.feature-copy h2{font-size:clamp(31px,3.7vw,48px);color:var(--purple);margin:11px 0 20px}.feature-copy h2 span{color:var(--pink)}.feature-copy>p{font-size:12px;line-height:2;max-width:440px}.feature-list{margin:24px 0}.feature-list>div{display:flex;align-items:flex-start;gap:14px;margin-bottom:19px}.feature-list>div>svg{background:#f9e9f2;border-radius:9px;padding:9px;width:39px;height:39px;color:var(--pink)}.feature-list b{font-size:11px;display:block;color:var(--purple)}.feature-list small{font-size:10px;color:#898496;line-height:1.6;display:block}.exam-banner{background:var(--navy);color:#fff;overflow:hidden}.exam-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;min-height:430px}.exam-layout h2{font-size:clamp(32px,4vw,53px);line-height:1.16;margin:15px 0 18px}.exam-layout h2 i{color:#ffa3d1;font-style:normal}.exam-layout p{font-size:12px;line-height:1.85;color:#bfc4d7;max-width:430px}.exam-tags{display:flex;gap:10px;margin:22px 0 28px}.exam-tags span{border:1px solid #ffffff42;padding:6px 10px;font-size:10px;font-weight:750;border-radius:5px;color:#f7f1fa}.exam-stack{position:relative;min-height:355px}.exam-card{background:#fff;color:var(--purple);padding:25px;border-radius:15px;box-shadow:0 25px 55px #0003}.exam-card.main{width:74%;position:absolute;top:40px;right:40px;transform:rotate(-3deg)}.exam-card.main>span{font-size:9px;color:var(--pink);font-weight:800;letter-spacing:.12em}.exam-card h3{font-size:21px;margin:12px 0 25px}.exam-progress-line{height:10px;background:#f1e9f5;border-radius:15px;overflow:hidden;margin-bottom:13px}.exam-progress-line span{display:block;width:65%;height:100%;border-radius:15px;background:var(--pink)}.exam-card.main>div:not(.exam-progress-line){font-size:10px;color:#8c819a}.exam-card.main>div b{color:var(--purple)}.exam-card-bottom{border-top:1px solid var(--border);padding-top:12px;margin-top:20px;display:flex;justify-content:space-between}.small-card{position:absolute;left:3px;bottom:44px;display:flex;align-items:center;gap:12px;transform:rotate(4deg);z-index:2;padding:15px 18px}.small-card svg{color:#28a58b}.small-card b{display:block;font-size:10px}.small-card small{display:block;color:#8b8493;font-size:9px}.exam-sticker{position:absolute;right:2px;bottom:25px;border-radius:50%;width:102px;height:102px;background:#f9b8d4;color:#541f56;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(16deg);font-size:10px;line-height:1.25;text-align:center}.demo-section{background:#fafafc}.try-layout{display:grid;grid-template-columns:.66fr 1fr;gap:35px;align-items:center}.try-explain{padding:30px}.tiny-pill{display:inline-flex;align-items:center;gap:8px;background:#f8e8f1;color:#b73280;border-radius:30px;padding:8px 11px;font-size:9px;font-weight:800;letter-spacing:.05em}.try-explain h3{font-size:25px;color:var(--purple);margin:22px 0 13px;line-height:1.3}.try-explain p{font-size:12px;line-height:1.9}.try-question{padding:33px;border:1px solid var(--border);background:#fff;border-radius:20px;box-shadow:var(--shadow)}.question-top{display:flex;justify-content:space-between;color:#8c8397;font-size:9px;font-weight:750;border-bottom:1px solid var(--border);padding-bottom:15px}.try-question h3{font-size:23px;margin:25px 0;color:var(--purple)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6e4ef;border-radius:10px;padding:12px;text-align:left;color:var(--purple);font-size:12px;font-weight:700}.answer-option span{width:29px;height:29px;display:grid;place-items:center;background:#f5f3fa;border-radius:6px;color:#8c829e}.answer-option:hover:not(:disabled){border-color:var(--pink)}.answer-option.correct{border-color:#21b17f;background:#e8f8f1}.answer-option.incorrect{border-color:#e5747a;background:#fff0f1}.answer-feedback{font-size:10px;margin:16px 0 0;min-height:20px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.role-tile{border:1px solid var(--border);padding:29px;border-radius:16px;min-height:252px;transition:transform .2s,box-shadow .2s}.role-tile:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.role-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:13px}.role-icon.pink{background:#ffe7f2;color:var(--pink)}.role-icon.blue{background:#e8efff;color:#5872cd}.role-icon.teal{background:#e0f5ef;color:#22a99d}.role-tile h3{font-size:19px;margin:19px 0 8px;color:var(--purple)}.role-tile p{font-size:11px;line-height:1.8;max-width:290px}.role-tile>span:last-child{font-size:11px;font-weight:750;display:flex;align-items:center;gap:10px;color:var(--pink);margin-top:18px}.last-cta{padding-top:15px}.last-cta-inner{background:linear-gradient(120deg,#492e68,#2d225e 69%,#111942);color:#fff;padding:40px 50px;display:flex;gap:27px;align-items:center;border-radius:18px}.cta-spark{border-radius:16px;background:#ffffff24;padding:19px}.last-cta h2{font-size:26px;margin:8px 0 6px}.last-cta p{color:#d0c6dc;font-size:11px;margin:0}.last-cta .btn{margin-left:auto}.footer{margin-top:50px;background:#f5f5f9;padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:40px}.footer-brand>p{font-size:10px;line-height:1.9;max-width:325px;margin:22px 0 18px}.socials{display:flex;gap:8px}.socials span{height:30px;width:30px;background:#ebe8ef;display:grid;place-items:center;color:#7a708c;font-family:Arial;font-size:12px;font-weight:800;border-radius:6px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-top b{color:var(--purple);font-size:12px;margin:0 0 8px}.footer-top a{font-size:10px;color:#827b8f}.footer-top a:hover{color:var(--pink)}.footer-brand>.brand{color:#fff}.footer-bottom{border-top:1px solid #dfdfe8;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;color:#9792a5;font-size:9px}.footer-bottom a{color:var(--pink)}
/* Public page intros and course filtering */
.page-intro{background:radial-gradient(circle at 80% 10%,#4f2e65 0,transparent 45%),linear-gradient(110deg,#111b44,#1a1a46 58%,#35224d);color:#fff;padding:80px 0 77px;overflow:hidden}.intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:65px}.page-intro h1{font-size:clamp(35px,4vw,54px);max-width:780px;letter-spacing:-.065em;margin:13px 0 14px}.page-intro p{color:#c4c6d7;max-width:650px;font-size:12px;line-height:1.9;margin:0}.intro-mini{display:flex;align-items:center;gap:15px;border:1px solid #ffffff30;background:#ffffff0e;padding:22px;border-radius:15px}.intro-mini>svg{color:#fc9bcd}.intro-mini b{display:block;font-size:12px}.intro-mini small{color:#bac0d8}.catalog-section{background:#fafafe}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:23px}.catalog-top h2{font-size:30px;color:var(--purple);margin:7px 0}.search-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0dfe9;padding:0 13px;min-height:46px;width:310px;max-width:100%;border-radius:10px;color:#81798c}.search-field input{border:0;outline:0;width:100%;background:transparent;font-size:11px;color:var(--purple)}.catalog-controls{display:flex;gap:20px;align-items:center;justify-content:space-between}.filter-scroll{display:flex;gap:8px;overflow:auto;padding:5px 0}.chip{border:1px solid #e5e2ef;background:#fff;color:#625974;padding:9px 14px;border-radius:100px;white-space:nowrap;font-size:10px;font-weight:650}.chip.active,.chip:hover{background:var(--purple);border-color:var(--purple);color:#fff}.filter-select{display:flex;align-items:center;gap:6px;border:1px solid #e5e2ef;background:#fff;border-radius:9px;padding:0 12px;color:#6b617a}.filter-select select{border:0;background:transparent;outline:0;padding:12px 0;color:#574a68;font-size:10px;min-width:125px}.catalog-meta{display:flex;justify-content:space-between;margin:22px 0 16px;font-size:10px;color:#837a93}.catalog-meta span:last-child{display:flex;align-items:center;gap:5px;color:#b34d91}.catalog-section .course-thumb{height:192px}.catalog-section .course-info{padding:21px}.catalog-section .course-info>p{min-height:40px}.catalog-note{display:flex;gap:9px;margin-top:33px;border:1px solid #e9e2f1;padding:14px;border-radius:9px;font-size:10px;color:#858092;background:#fff}.catalog-note svg{flex-shrink:0}.no-results{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;border:1px dashed #d6cbe2;border-radius:15px;background:#fff;text-align:center}.no-results h3{margin:0;color:var(--purple)}.no-results p{font-size:11px}.subject-feature{background:#14204c;border-radius:17px;color:#fff;padding:42px;display:grid;grid-template-columns:1fr 330px;align-items:center;gap:35px;margin-bottom:36px;overflow:hidden}.subject-feature h2{font-size:34px;max-width:590px;margin:12px 0}.subject-feature p{color:#c6c7d8;font-size:12px;max-width:550px}.subject-feature img{height:220px;width:100%;object-fit:cover;border-radius:13px}.subject-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subject-group{border:1px solid var(--border);border-radius:15px;padding:26px;background:#fff}.group-heading{display:flex;gap:15px;align-items:center;margin-bottom:20px}.subject-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;flex-shrink:0}.subject-icon.mint{background:#e4f7f0;color:#23a390}.subject-icon.purple{background:#eee6f6;color:#8b58b4}.subject-icon.rose{background:#fce6f1;color:#d73e97}.subject-icon.yellow{background:#fff2d7;color:#c58d2d}.subject-icon.sky{background:#e6effc;color:#3a7ec0}.group-heading h3{font-size:16px;color:var(--purple);margin-bottom:5px}.group-heading p{font-size:10px;margin:0}.group-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.group-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#faf9fd;border-radius:7px;font-size:10px;font-weight:650}.group-list a:hover{background:#f7e8f2;color:var(--pink)}
/* Course detail */
.course-detail-top{background:var(--navy);color:#fff;padding:24px 0 62px}.crumbs{display:flex;align-items:center;gap:9px;color:#c6bfd2;font-size:10px;margin-bottom:40px}.crumbs span{color:#f9b7d7}.course-detail-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.course-detail-intro h1{font-size:clamp(39px,4.5vw,58px);margin:12px 0 13px}.dot-pink{color:var(--pink)}.course-detail-intro p{color:#c6c5d8;max-width:600px;font-size:12px;line-height:1.9}.detail-metrics{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 29px}.detail-metrics span{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#d0cada}.detail-metrics svg{color:#f3a9d2}.detail-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.detail-image{height:320px;border-radius:22px;overflow:hidden;background:#f5a8c2;position:relative}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-image-label{position:absolute;bottom:18px;left:20px;border-radius:7px;padding:10px 12px;background:#fff;color:var(--purple);font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:9px}.detail-content{background:#fbfbfd}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px;align-items:start}.detail-tabs{display:flex;border-bottom:1px solid var(--border);gap:25px}.detail-tabs button{border:0;background:transparent;padding:0 0 15px;font-size:12px;font-weight:650;color:#8b8394;border-bottom:3px solid transparent}.detail-tabs button.active{border-color:var(--pink);color:var(--purple)}.detail-section{padding:34px 0}.detail-section h2{font-size:29px;color:var(--purple);margin:11px 0}.detail-section>p{font-size:12px;line-height:2;max-width:700px}.detail-section h3{font-size:18px;color:var(--purple)}.learning-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.learning-points>div{padding:17px;background:#fff;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:650}.learning-points svg{color:var(--pink)}.syllabus-list{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.syllabus-list details+details{border-top:1px solid var(--border)}.syllabus-list summary{display:flex;gap:13px;align-items:center;cursor:pointer;padding:17px;list-style:none}.syllabus-list summary::-webkit-details-marker{display:none}.syllabus-list summary strong{font-size:11px;font-weight:700}.lesson-index{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#f1eaf8;color:#825a9a;font-weight:800;font-size:10px;flex-shrink:0}.syll-time{margin-left:auto;font-size:10px;color:#aaa3b0}.syllabus-in{padding:0 18px 16px 62px;font-size:11px;color:#8f889b}.syllabus-in p{font-size:10px}.syllabus-in a{color:var(--pink);display:inline-flex;align-items:center;gap:6px}.detail-aside{position:sticky;top:25px}.enrol-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);padding:25px;border-radius:14px}.enrol-price{font-size:30px;font-weight:750;color:var(--purple)}.enrol-price small{font-weight:450;color:#aaa1b0;font-size:11px}.enrol-card>p{font-size:11px}.enrol-benefits{display:grid;gap:13px;padding:19px 0;border-bottom:1px solid var(--border)}.enrol-benefits span{font-size:10px;display:flex;align-items:center;gap:9px;color:#70677d}.enrol-benefits svg{color:#31ad8b}.demo-disclaimer{font-size:9px;color:#9992a0;display:block;margin-top:16px}.support-aside{margin-top:15px;padding:22px;background:#f1eafb;border-radius:13px}.support-aside>svg{color:#b76bb3}.support-aside h4{font-size:13px;margin:10px 0}.support-aside p{font-size:10px}.support-aside a{color:var(--pink);font-weight:750;font-size:10px;display:flex;align-items:center;gap:8px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{padding:19px 0;font-size:12px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:11px;line-height:1.9}
/* Immersive lesson player */
.learning-shell{background:#f9f9fc;min-height:100vh;color:var(--ink)}.lesson-topbar{height:78px;padding:10px 26px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-topbar .brand{transform:scale(.85);transform-origin:left center;margin-right:-20px}.lesson-crumb{font-size:11px;color:#888294;display:flex;align-items:center;gap:9px}.lesson-crumb span{font-weight:650;color:var(--purple)}.lesson-top-actions{display:flex;align-items:center;gap:18px}.lesson-progress-label{font-size:10px;color:#80768b}.lesson-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100vh - 78px)}.lesson-main{min-width:0;padding:32px clamp(22px,4vw,65px) 65px}.lesson-breadcrumb{display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.08em;font-size:9px;color:#bf539a}.lesson-breadcrumb span{padding:0 6px}.lesson-heading{display:flex;align-items:center;justify-content:space-between;margin:17px 0 22px}.lesson-heading h1{font-size:clamp(25px,3vw,34px);margin:0 0 6px;color:var(--purple)}.lesson-heading p{font-size:10px;margin:0}.video-stage{background:var(--navy);border-radius:16px;overflow:hidden;box-shadow:0 18px 43px #080e3045}.video-art{height:min(42vw,490px);min-height:280px;position:relative;background:linear-gradient(140deg,#151e48,#49244d);display:grid;place-items:center}.video-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.video-tint{position:absolute;inset:0;background:linear-gradient(to bottom,#0408230a,#040823b5)}.video-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px;color:#fff}.video-tag{font-size:9px;letter-spacing:.17em;color:#ffc6df;font-weight:800}.video-content h2{font-size:clamp(27px,3.3vw,43px);max-width:600px;margin:15px 0}.video-content>span:last-child{font-size:10px;color:#e8d5e1}.big-play{height:74px;width:74px;border:3px solid #ffffffbf;background:#f24496;color:#fff;display:grid;place-items:center;border-radius:50%;margin:14px 0 19px;transition:transform .2s}.big-play:hover{transform:scale(1.07)}.player-bar{height:55px;display:flex;align-items:center;gap:17px;color:#fff;padding:0 20px}.player-bar button{border:0;background:transparent;color:#fff}.player-track{height:5px;border-radius:10px;background:#ffffff37;flex:1;overflow:hidden}.player-track span{display:block;width:13%;height:100%;background:var(--pink)}.player-bar small{font-size:9px;color:#c9cade}.caption-button{font-size:11px;font-weight:800;border-radius:4px!important;padding:6px!important}.caption-button.active{background:#e53d91!important}.lesson-under{padding-top:31px}.lesson-under-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.lesson-under h2{font-size:23px;color:var(--purple);margin:0 0 4px}.lesson-under-heading p{font-size:10px;margin:0}.lesson-under-heading .btn{font-size:10px}.lesson-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-top:25px}.lesson-tabs button{border:0;background:transparent;padding:10px 0 15px;font-size:11px;font-weight:650;color:#8b8595;border-bottom:3px solid transparent}.lesson-tabs button.active{color:var(--pink);border-color:var(--pink)}.notes-panel,.practice-panel{margin-top:22px;background:#fff;border:1px solid var(--border);padding:24px;border-radius:13px}.notes-header{display:flex;align-items:center;gap:8px;font-weight:750;font-size:11px;margin-bottom:13px}.notes-header>svg{color:var(--pink)}.notes-header small{font-weight:400;color:#a29aab;margin-left:auto}.notes-panel textarea{width:100%;min-height:155px;border:1px solid #ebe8f2;border-radius:8px;resize:vertical;padding:14px;font-size:11px;outline:none}.notes-panel textarea:focus{border-color:var(--pink)}.notes-help{display:flex;align-items:center;gap:8px;font-size:9px;color:#a29aad;margin-top:10px}.practice-panel h3{font-size:17px;color:var(--purple)}.practice-panel p{font-size:12px}.inline-options{display:flex;gap:9px;margin:20px 0}.inline-options button{border:1px solid var(--border);padding:9px 22px;border-radius:8px;background:#fff}.inline-options button:hover{background:#f8edf5;border-color:var(--pink)}.resource-downloads{margin-top:20px;display:grid;gap:9px}.resource-downloads a{display:flex;gap:15px;align-items:center;padding:14px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:11px;font-weight:650}.resource-downloads a svg:last-child{margin-left:auto}.lesson-sidebar{background:#fff;border-left:1px solid var(--border)}.sidebar-header{padding:32px 24px 21px;border-bottom:1px solid var(--border)}.sidebar-header>span{font-size:9px;letter-spacing:.14em;color:var(--pink);font-weight:750}.sidebar-header h3{font-size:19px;color:var(--purple);margin:10px 0 18px}.sidebar-progress>div{height:6px;border-radius:10px;background:#eee9f2;overflow:hidden}.sidebar-progress>div>span{display:block;height:100%;background:var(--pink)}.sidebar-progress small{color:#9e93aa;font-size:9px;display:block;margin-top:7px}.lesson-list{padding:12px}.lesson-list-row{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:15px 12px;border-radius:10px;color:var(--purple)}.lesson-list-row:hover,.lesson-list-row.selected{background:#fcf0f7}.lesson-list-row.selected>svg{margin-left:auto;color:var(--pink)}.lesson-list-row b{display:block;font-size:10px}.lesson-list-row small{color:#9892a3;font-size:9px}.lesson-list-status{height:28px;width:28px;border:1px solid #ded9e7;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:750;color:#8d829d;flex-shrink:0}.lesson-list-status.done{background:#ddf5eb;border-color:#ddf5eb;color:#1baf86}.lesson-aside-end{margin:18px;padding:20px;border-radius:12px;background:#f4edf8}.help-circle{color:var(--pink)}.lesson-aside-end h4{font-size:13px;margin:9px 0}.lesson-aside-end p{font-size:10px}.lesson-aside-end a{display:flex;align-items:center;gap:6px;color:var(--pink);font-size:10px;font-weight:750}
/* Exam planner / quizzes */
.exam-home{background:#fafafd}.exam-nav-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:65px}.exam-nav-card{border:1px solid #ebe8ef;text-align:left;background:#fff;border-radius:13px;padding:24px;min-height:229px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.exam-nav-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.exam-nav-card>span{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;background:#fbe5f0;color:var(--pink)}.exam-nav-card.purple>span{background:#f0e8fa;color:#955fb7}.exam-nav-card.mint>span{background:#e5f8f1;color:#26a98d}.exam-nav-card.yellow>span{background:#fff0d5;color:#b7822d}.exam-nav-card h3{font-size:23px;margin:17px 0 6px;color:var(--purple)}.exam-nav-card p{font-size:10px;line-height:1.6;margin-bottom:12px}.exam-nav-card b{margin-top:auto;font-size:10px;color:var(--pink);display:flex;align-items:center;gap:7px}.exam-builder{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:#fff;border:1px solid var(--border);padding:37px;border-radius:17px}.exam-builder h2{font-size:32px;color:var(--purple);margin:10px 0}.exam-builder p{font-size:12px}.planner-inputs{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0}.planner-inputs label{font-size:10px;font-weight:650;color:#776a84}.planner-inputs select{display:block;border:1px solid var(--border);border-radius:8px;padding:10px 14px;background:#fbfafc;margin-top:6px;color:var(--purple);font-size:11px;min-width:170px;max-width:100%}.exam-preview{background:#f7f0fa;border-radius:15px;padding:33px;min-height:310px}.preview-icon{height:46px;width:46px;background:#fff;color:var(--pink);border-radius:12px;display:grid;place-items:center;margin-bottom:20px}.exam-preview h3{font-size:22px;color:var(--purple);margin:10px 0}.exam-preview p{font-size:11px}.preview-lines{margin-top:23px;display:grid;gap:12px}.preview-lines span{height:10px;background:#e5d8ed;border-radius:10px;width:85%}.preview-lines span:nth-child(2){width:66%}.preview-lines span:nth-child(3){width:78%}.exam-plan-row{display:flex;gap:13px;border-bottom:1px solid #e6dceb;padding:12px 0;font-size:10px}.exam-plan-row b{width:90px;color:var(--purple)}.exam-plan-row span{color:#776b88}.exam-preview .text-link{margin-top:18px}.exam-how{padding-top:85px}.exam-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.exam-steps>div{border-top:1px solid #d6d2df;padding-top:18px}.exam-steps>div>span{font-size:10px;font-weight:800;color:var(--pink)}.exam-steps h3{font-size:16px;color:var(--purple);margin:14px 0 9px}.exam-steps p{font-size:10px;line-height:1.8}.exam-question-cta{background:var(--navy);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;color:#fff;margin-top:55px}.exam-question-cta>div{display:flex;align-items:center;gap:18px}.exam-question-cta h3{font-size:16px;margin:0}.exam-question-cta p{font-size:10px;color:#d0cbda;margin:0}.exam-question-cta>div>svg{color:#ffa4d1}.quiz-section{background:#fafafe;min-height:630px}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.quiz-main,.quiz-aside{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px}.quiz-top{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#797089;font-size:10px}.quiz-top>span{display:flex;align-items:center;gap:8px;color:var(--pink);font-weight:800}.quiz-progress{height:5px;background:#f0ecf3;border-radius:10px;margin-top:19px;overflow:hidden}.quiz-progress span{height:100%;display:block;background:var(--pink);transition:width .2s}.quiz-main #quiz-question{min-height:310px;padding:33px 5px 20px}.quiz-main #quiz-question h2{font-size:clamp(22px,2.5vw,30px);color:var(--purple);margin:12px 0 28px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-option{border:1px solid var(--border);background:#fff;text-align:left;border-radius:11px;padding:14px;display:flex;align-items:center;gap:13px;color:var(--purple);font-size:12px;font-weight:650}.quiz-option:hover,.quiz-option.picked{border-color:var(--pink);background:#fff5fa}.quiz-option>span{height:32px;width:32px;background:#f4f2f9;border-radius:6px;display:grid;place-items:center;font-size:10px}.quiz-option.picked>span{background:#f9d9e9;color:#b51b74}.quiz-option i{display:none;margin-left:auto;color:var(--pink)}.quiz-option.picked i{display:block}.quiz-note{font-size:10px;display:flex;gap:7px;align-items:center;margin:17px 0 0}.quiz-actions{border-top:1px solid var(--border);padding-top:21px;display:flex;justify-content:space-between;gap:12px}.quiz-aside-icon{height:54px;width:54px;background:#f9e8f2;color:var(--pink);display:grid;place-items:center;border-radius:15px}.quiz-aside h3{font-size:19px;color:var(--purple);margin:18px 0 9px}.quiz-aside p{font-size:10px;line-height:1.9}.quiz-tip{display:flex;gap:9px;font-size:10px;background:#f8f4fa;padding:13px;margin:18px 0;border-radius:9px}.quiz-tip svg{color:var(--pink)}.quiz-dots{display:flex;gap:7px;margin:24px 0}.quiz-dots button{height:31px;width:31px;border:1px solid var(--border);background:#fff;color:#9992a2;font-size:10px;border-radius:50%}.quiz-dots button.current{border-color:var(--pink);color:var(--pink)}.quiz-dots button.answered{background:#f7e5ef}.quiz-results{text-align:center}.score-ring{height:122px;width:122px;border:10px solid #e8f8f1;border-right-color:var(--pink);border-top-color:var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:5px auto 22px;font-size:38px;color:var(--purple);font-weight:800}.score-ring span{font-size:13px;color:#a39bab}.quiz-results>p{font-size:11px}.result-review{text-align:left;margin:22px 0}.result-review details{border:1px solid var(--border);margin:9px 0;border-radius:8px;overflow:hidden}.result-review summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:11px;font-size:10px}.result-review summary b{margin-left:auto}.result-review p{padding:0 13px;font-size:10px}.correct-text{color:#1ab58b}.incorrect-text{color:#d88a2a}
/* App shell and dashboards */
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#f7f8fc;color:#2e284d}.app-sidebar{background:#121b3d;color:#fff;min-height:100vh;display:flex;flex-direction:column;padding:20px 14px 15px;position:relative;z-index:20}.app-brand{padding:3px 8px 18px;display:flex;align-items:center}.app-brand .brand{background:transparent;padding:0;transform:scale(.89);transform-origin:left center}.app-brand .brand-mark{flex-shrink:0}.sidebar-close{display:none}.workspace-switch{display:flex;align-items:center;gap:9px;background:#ffffff11;border:1px solid #ffffff20;border-radius:10px;margin:7px 5px 27px;padding:11px 9px}.ws-icon{height:33px;width:33px;background:#ffffff18;display:grid;place-items:center;border-radius:8px;color:#fa9ecf}.workspace-switch b{display:block;font-size:10px}.workspace-switch small{display:block;font-size:8px;color:#a4a9c0}.workspace-switch>svg:last-child{margin-left:auto;color:#a8aabc}.aside-label{font-size:9px;font-weight:750;letter-spacing:.11em;color:#8993b0;margin:0 13px 12px}.aside-label.smaller{margin-top:24px}.app-sidebar nav{display:grid;gap:4px}.app-nav-item{display:flex;align-items:center;gap:12px;color:#acb4cb;padding:11px 13px;border-radius:9px;font-size:10px;font-weight:600}.app-nav-item:hover{background:#ffffff0d;color:#fff}.app-nav-item.active{color:#fff;background:#df3d95}.app-nav-item.active>svg{color:#fff}.app-nav-item>svg{color:#acabc5}.app-nav-item small{margin-left:auto;background:#e23b8c;color:#fff;border-radius:4px;padding:2px 5px;font-size:8px}.app-nav-item.minor{padding-block:8px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-help{margin:8px 5px 17px;padding:15px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px}.sidebar-help>svg{color:#f8b0d4}.sidebar-help p{font-size:9px;color:#a4aec7;margin:8px 0 12px;line-height:1.7}.sidebar-help b{color:#fff}.sidebar-help a{font-size:9px;color:#f6a5cc;display:flex;align-items:center;gap:7px;font-weight:700}.site-back{display:flex;align-items:center;gap:10px;padding:12px;color:#aab2c8;font-size:10px}.site-back svg:last-child{margin-left:auto}.app-main-wrap{min-width:0;display:flex;flex-direction:column}.app-topbar{height:69px;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-topbar-left,.app-topbar-actions{display:flex;align-items:center;gap:17px}.app-breadcrumb{font-size:10px;color:#9290a1}.app-breadcrumb span{padding:0 9px;color:#c2bfca}.app-breadcrumb strong{color:var(--purple)}.app-concept-chip{color:#b53a80;background:#faebf5;display:flex;align-items:center;gap:6px;border-radius:30px;padding:7px 9px;font-size:8px;letter-spacing:.08em;font-weight:800}.app-search-btn{color:#847b92}.notify-button{position:relative;color:#817992}.notify-button i{width:7px;height:7px;background:var(--pink);position:absolute;top:8px;right:9px;border:2px solid #fff;border-radius:50%}.app-avatar{width:33px;height:33px;border:0;border-radius:50%;background:#d2b0da;color:#512966;font-size:12px;font-weight:800}.app-menu{display:none}.app-content{padding:32px;max-width:1540px;width:100%;margin:0 auto;flex:1}.app-bottom-notice{text-align:center;font-size:9px;color:#a0a0b0;padding:14px;border-top:1px solid #e9e9f2}.app-bottom-notice a{color:#ca4f97}.app-page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.app-overline{font-size:9px;color:#a15f93;letter-spacing:.11em;font-weight:800}.app-page-heading h1{font-size:clamp(22px,2.4vw,29px);margin:7px 0;color:var(--purple)}.app-page-heading p{font-size:11px;margin:0}.wave{color:#f0a749}.app-heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.app-heading-actions .btn{min-height:40px;padding:10px 13px;font-size:10px}.dash-highlight{border-radius:16px;background:linear-gradient(111deg,#242456 0%,#39265d 65%,#622e67 100%);color:#fff;min-height:190px;display:grid;grid-template-columns:1fr 260px;overflow:hidden;position:relative;padding:28px 35px;margin-bottom:20px}.highlight-copy{position:relative;z-index:2}.highlight-eyebrow{font-size:9px;letter-spacing:.15em;color:#fca5d0;font-weight:800}.dash-highlight h2{font-size:25px;margin:10px 0 8px}.dash-highlight p{font-size:10px;color:#c8bed5;max-width:460px}.highlight-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.highlight-actions .btn{min-height:37px;padding:8px 14px;font-size:10px}.highlight-actions>span{display:flex;align-items:center;gap:7px;color:#d2c4dc;font-size:9px}.highlight-visual{display:flex;align-items:center;justify-content:center;position:relative}.progress-orbit{height:143px;width:143px;display:grid;place-items:center;border-radius:50%;border:17px solid #eac4e9;border-left-color:#764884;border-top-color:#cd65a9;transform:rotate(-22deg)}.progress-orbit-inner{text-align:center;transform:rotate(22deg)}.progress-orbit-inner svg{color:#feb9d3}.progress-orbit-inner b{display:block;font-size:10px;line-height:1.3}.orbit-star{position:absolute;right:10px;top:7px;color:#f5bada;font-size:29px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric{background:#fff;border:1px solid #e9e9f1;border-radius:13px;padding:17px 17px 16px;min-height:129px;position:relative}.metric-icon{position:absolute;right:17px;top:17px;color:#b674ab;background:#f9edf5;width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.metric:nth-child(2) .metric-icon{color:#1fa88e;background:#e5f7ee}.metric:nth-child(3) .metric-icon{color:#8b74bb;background:#eeebfa}.metric:nth-child(4) .metric-icon{color:#c48a32;background:#fff1db}.metric-value{font-size:27px;font-weight:750;letter-spacing:-.06em;color:var(--purple);line-height:1.3}.metric-name{font-size:10px;font-weight:700;margin-top:8px}.metric small{font-size:9px;color:#a4a0ad}.dash-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:17px;align-items:start}.dash-primary,.dash-secondary{display:grid;gap:17px;min-width:0}.dash-panel{background:#fff;border:1px solid #e9e9f1;border-radius:13px;padding:21px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.panel-header h2{font-size:14px;color:var(--purple);margin:0 0 5px}.panel-header p{font-size:9px;margin:0}.panel-header a{display:flex;align-items:center;gap:7px;color:var(--pink);font-weight:750;font-size:9px;white-space:nowrap}.panel-pill{font-size:9px;color:#827b91;padding:6px 9px;background:#f6f3f9;border-radius:30px;white-space:nowrap}.panel-pill.warm{color:#b8732c;background:#fff2dd}.continue-courses{display:grid;gap:2px}.continue-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #f0edf4}.continue-row:last-child{border:0}.continue-icon{height:41px;width:41px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.continue-icon.purple{background:#f2e6fa;color:#9655b5}.continue-icon.rose{background:#fae7f0;color:#d74295}.continue-icon.mint{background:#e2f6f1;color:#25a896}.continue-name{flex:1;min-width:0}.continue-name strong{font-size:10px;display:block}.continue-name small{font-size:9px;color:#aaa3b0}.continue-progress{width:94px;height:5px;border-radius:9px;overflow:hidden;background:#eeeaf3}.continue-progress i{background:var(--pink);height:100%;display:block}.continue-pct{font-size:9px;color:#8c8496}.continue-row>svg{color:#8f86a0}.chart-legend{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#aaa3b0}.chart-legend span:first-child{display:flex;align-items:center;gap:7px;color:#6d6079}.chart-legend i{height:7px;width:7px;background:var(--pink);border-radius:3px}.bars{height:170px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;margin-top:10px;align-items:end}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:11px}.bar-track{width:100%;height:138px;border-radius:7px;display:flex;align-items:flex-end;background:#f6f1f9;overflow:hidden}.bar-track span{width:100%;background:linear-gradient(#ed70b4,#b65ba9);border-radius:7px 7px 0 0;min-height:4px}.bar-col small{font-size:9px;color:#9b93a7}.mini-recs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-recs>a{border:1px solid var(--border);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.mini-recs img{height:78px;width:100%;object-fit:cover}.mini-recs span{padding:11px}.mini-recs b{display:block;font-size:10px}.mini-recs small{display:block;font-size:9px;color:#aaa2b4}.mini-recs>a>svg{display:none}.focus-panel>.panel-header>svg{color:var(--pink)}.focus-items{display:grid;gap:15px;padding:3px 0 23px}.focus-items label{display:flex;align-items:center;gap:11px;cursor:pointer}.focus-items input{height:17px;width:17px;accent-color:var(--pink)}.focus-items strong{display:block;font-size:10px;font-weight:650}.focus-items small{font-size:9px;color:#a9a2ae}.panel-cta-link{display:flex;align-items:center;justify-content:space-between;color:var(--pink);font-size:10px;font-weight:800;padding:15px 0 0;border-top:1px solid var(--border)}.achievement-panel{background:#fffdf5;text-align:center}.achievement-burst{height:61px;width:61px;display:grid;place-items:center;background:#ffedcc;border-radius:50%;color:#c89138;margin:0 auto 12px}.tiny-label{font-size:9px;letter-spacing:.11em;color:#a76f87;font-weight:800}.achievement-panel h3{font-size:16px;margin:7px 0;color:var(--purple)}.achievement-panel p{font-size:9px}.milestones{letter-spacing:.2em;color:#d7a849}.saved-link{padding:11px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);font-size:10px;font-weight:650}.empty-saved{text-align:center;color:#a79daf;padding:17px 0}.empty-saved p{font-size:9px}.empty-saved a{font-size:10px;color:var(--pink);font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px}
/* Teacher, parent and operator dashboards */
.teacher-banner{background:#e9effb;border-radius:14px;min-height:166px;overflow:hidden;display:grid;grid-template-columns:1fr 290px;margin-bottom:20px}.teacher-banner>div{padding:27px 30px}.teacher-banner h2{font-size:22px;color:var(--purple);margin:7px 0}.teacher-banner p{font-size:10px;max-width:480px}.teacher-banner img{height:100%;width:100%;max-height:220px;object-fit:cover}.teacher-cols{grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr)}.class-table-wrap{overflow-x:auto}.class-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.class-table th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#9e97ab;font-weight:700;padding:13px 7px;background:#f8f7fa;white-space:nowrap}.class-table td{border-bottom:1px solid var(--border);padding:14px 7px;color:#7d748b}.class-table td strong{color:var(--purple)}.table-action{background:transparent;border:0;color:var(--pink);font-size:10px;font-weight:750;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.inbox-list{display:grid}.inbox-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--border)}.inbox-item:last-child{border:0}.small-avatar{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#f0e6f7;color:#814ba9;font-size:10px;font-weight:800;flex-shrink:0}.inbox-item>div{flex:1;min-width:0}.inbox-item b{display:block;font-size:10px}.inbox-item small{font-size:9px;color:#aaa1ad}.inbox-item>span:nth-last-child(2){font-size:9px;color:#aaa1ad;white-space:nowrap}.agenda-list{display:grid}.agenda-list>div{padding:13px 0;border-bottom:1px solid var(--border)}.agenda-list>div:last-child{border:0}.agenda-list>div>span{font-size:9px;color:var(--pink);font-weight:800;margin-bottom:3px;display:block}.agenda-list b{font-size:10px;display:block}.agenda-list small{font-size:9px;color:#9e98a9;display:block}.soft-copy{font-size:10px}.mastery-list{display:grid;gap:14px}.mastery-list>div>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.mastery-list>div>div strong{color:#655575}.mastery-list i{display:block;height:6px;border-radius:6px;background:#f0ebf5;overflow:hidden}.mastery-list i span{display:block;height:100%;background:var(--pink)}.attention-note{margin-top:20px;padding:12px;background:#fff5e3;color:#a47936;display:flex;gap:10px;border-radius:8px;font-size:9px}.child-switch{display:flex;align-items:center;gap:9px;font-size:10px;color:#9b91a5}.child-switch select{border:1px solid var(--border);border-radius:8px;padding:10px 25px 10px 12px;background:#fff;color:var(--purple);font-size:11px;font-weight:650}.parent-feature{min-height:209px;background:#2e285e;color:#fff;display:grid;grid-template-columns:1fr 240px;overflow:hidden;border-radius:15px;margin-bottom:20px}.parent-feature>div:first-child{padding:29px 34px}.parent-feature h2{font-size:25px;margin:10px 0}.parent-feature p{font-size:10px;color:#c9c4dd;max-width:470px}.parent-feature .btn{padding:9px 12px;min-height:36px;margin-top:7px;font-size:10px}.parent-feature-photo{height:100%;overflow:hidden}.parent-feature-photo img{width:100%;height:100%;object-fit:cover}.subject-progress{display:grid}.subject-progress>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:12px 0}.subject-progress>div:last-child{border:0}.subject-progress-icon{height:39px;width:39px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.subject-progress-icon.purple{background:#eee5fb;color:#8e61ba}.subject-progress-icon.rose{background:#ffebf5;color:var(--pink)}.subject-progress-icon.mint{background:#e3f8f0;color:#25ab9a}.subject-progress-icon.yellow{background:#fff3da;color:#c6903b}.subject-progress-name{font-size:10px;font-weight:700;flex:1}.subject-progress-name small{display:block;color:#aba3b2;font-weight:400}.subject-progress>div>div:last-child{width:115px;text-align:right}.subject-progress b{display:block;color:var(--purple);font-size:9px}.subject-progress i{display:block;background:#eeeaf3;height:6px;border-radius:6px;overflow:hidden}.subject-progress i span{display:block;background:var(--pink);height:100%}.parent-tip{background:#f5effa;padding:20px;border-radius:10px}.parent-tip>svg{color:var(--pink)}.parent-tip h3{font-size:13px;margin:10px 0;color:var(--purple)}.parent-tip p{font-size:10px}.parent-together .panel-cta-link{margin-top:17px}.operator-note{display:flex;align-items:center;gap:12px;color:#8d602a;background:#fff5e5;border:1px solid #f8e5c0;padding:13px 16px;font-size:10px;border-radius:9px;margin-bottom:20px}.operator-note svg{flex-shrink:0}.admin-cols{grid-template-columns:minmax(0,1.7fr) minmax(255px,1fr)}.admin-queue{display:grid}.queue-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:13px 0}.queue-row:last-child{border:0}.severity{height:9px;width:9px;border-radius:50%;flex-shrink:0}.severity.orange{background:#e7ae50}.severity.red{background:#e47682}.severity.blue{background:#61a2ce}.queue-title{flex:1;min-width:0}.queue-title strong{display:block;font-size:10px}.queue-title small{font-size:9px;color:#a8a0ad}.queue-type{font-size:9px;color:#9c94a4;min-width:75px}.content-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.content-pipeline>div{padding:13px 9px;background:#faf9fd;border:1px solid #f1eef5;border-radius:9px}.content-pipeline .subject-icon{height:36px;width:36px;border-radius:9px;margin-bottom:13px}.content-pipeline b{font-size:22px;display:block;color:var(--purple)}.content-pipeline>div>span:not(.subject-icon){font-size:9px;font-weight:650;display:block}.content-pipeline small{font-size:9px;color:#aaa2b0}.admin-activity{display:grid;gap:17px}.admin-activity>div{display:flex;align-items:start;gap:12px}.act-dot{height:8px;width:8px;border-radius:50%;margin-top:8px;background:#d58fbe;box-shadow:0 0 0 5px #f8ebf4}.admin-activity p{margin:0}.admin-activity b{font-size:10px;color:var(--purple)}.admin-activity small{display:block;color:#a9a2b0;font-size:9px}.readiness-box{text-align:center;background:#f8f6fb;border-radius:10px;padding:21px}.readiness-icon{display:grid;place-items:center;color:#ad83b2;margin-bottom:7px}.readiness-box h3{font-size:14px;color:var(--purple);margin:8px}.readiness-box p{font-size:9px;margin:0}.system-checks{display:grid;margin-top:14px}.system-checks>div{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:8px;padding:11px 0;font-size:9px}.system-checks>div b{color:#c48839;font-size:9px;text-align:right}.operator-shortcuts{display:grid;gap:10px}.operator-shortcuts a{display:flex;align-items:center;gap:10px;background:#f9f7fb;padding:12px;border-radius:8px;font-size:10px;font-weight:650}.operator-shortcuts a svg:last-child{margin-left:auto;color:#9c8ba9}
/* Planning, community, content resources */
.plan-section{background:#fafafe}.plan-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.plan-editor,.plan-calendar{background:#fff;border:1px solid var(--border);border-radius:16px;padding:29px}.plan-editor h2{font-size:27px;color:var(--purple);margin:9px 0}.plan-editor>p{font-size:11px;line-height:1.9}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.field-grid label,.teacher-modal-card label,.contact-form label,.auth-card form>label{display:grid;gap:8px;font-size:10px;font-weight:700;color:#6f657e}.field-grid input,.field-grid select,.teacher-modal-card input,.teacher-modal-card select,.teacher-modal-card textarea,.contact-form input,.contact-form select,.contact-form textarea,.auth-card input{width:100%;border:1px solid #dedbe8;border-radius:9px;padding:12px;color:var(--purple);background:#fff;font-size:11px;outline:none;min-width:0}.field-grid input:focus,.field-grid select:focus,.teacher-modal-card input:focus,.contact-form input:focus,.contact-form textarea:focus,.auth-card input:focus{border-color:var(--pink)}.plan-help{display:flex;gap:13px;background:#f9eefa;padding:17px;border-radius:10px;margin-top:26px}.plan-help>span{color:var(--pink)}.plan-help h3{font-size:12px;color:var(--purple);margin-bottom:4px}.plan-help p{font-size:9px;margin:0}.tutor-demo{margin-top:30px;border:1px solid #e6ddec;border-radius:12px;overflow:hidden}.tutor-heading{display:flex;align-items:center;gap:10px;background:#37285e;color:#fff;padding:15px}.tutor-heading>svg{color:#ff9bc8}.tutor-heading b{display:block;font-size:11px}.tutor-heading small{display:block;color:#cfc4dd;font-size:9px}.tutor-messages{padding:17px;background:#f8f5fb;max-height:270px;overflow:auto;display:flex;flex-direction:column;gap:12px}.tutor-bubble{align-self:flex-start;max-width:91%;background:#fff;border-radius:2px 12px 12px 12px;padding:12px 13px;font-size:10px;color:#5f5474;line-height:1.8}.tutor-question{align-self:flex-end;background:#e7c7dc;padding:12px;border-radius:12px 12px 2px 12px;font-size:10px;color:#563454}.tutor-choices{padding:13px;display:flex;gap:6px;flex-wrap:wrap}.tutor-choices button{background:#f9e9f3;color:#aa397e;border:1px solid #f2d1e4;border-radius:100px;padding:8px;font-size:9px;font-weight:650}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.calendar-top h3{font-size:21px;color:var(--purple);margin:7px 0 0}.calendar-tag{font-size:9px;color:#947aab;display:flex;align-items:center;gap:7px;background:#f8f3fc;border-radius:7px;padding:8px}.week-board{display:grid;gap:10px}.week-day{display:grid;grid-template-columns:145px 1fr;align-items:start;gap:10px;min-height:76px;padding:13px;border:1px solid var(--border);border-radius:10px}.week-day-title b{display:block;font-size:10px;color:var(--purple)}.week-day-title span{font-size:9px;color:#a59cb2}.week-empty{font-size:9px;color:#bcb3c5;margin:5px 0}.week-event{position:relative;background:#f6eaf4;padding:11px 31px 11px 13px;border-left:3px solid var(--pink);border-radius:7px;margin-bottom:5px}.week-event b{font-size:10px;display:block}.week-event p{font-size:9px;margin:2px 0;color:#7e698d}.week-event small{font-size:9px;color:#ab82a0}.week-event button{position:absolute;right:6px;top:7px;border:0;background:transparent;color:#ae7caa}.event-dot{display:none}.clear-plan{border:0;background:transparent;color:#b65c96;display:inline-flex;align-items:center;gap:7px;font-size:10px;margin-top:21px}.calendar-footnote{display:flex;gap:8px;align-items:center;font-size:9px;color:#aaa4b3;margin-top:12px}.community-section{background:#fafafe}.community-hero{display:grid;grid-template-columns:1fr 390px;border-radius:17px;background:#251d52;color:#fff;overflow:hidden;margin-bottom:33px}.community-hero>div{padding:41px}.community-hero h2{font-size:37px;margin:13px 0}.community-hero p{font-size:11px;color:#c6bdd5;max-width:460px}.community-hero img{width:100%;height:100%;min-height:270px;object-fit:cover}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.community-feed{background:#fff;border:1px solid var(--border);border-radius:14px;padding:23px}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:16px}.feed-heading h2{font-size:17px;color:var(--purple);margin:0}.community-tabs{display:flex;gap:8px}.community-tabs button{border:0;background:#f4f2f8;color:#80768e;border-radius:7px;padding:7px 10px;font-size:9px}.community-tabs button.active{background:var(--purple);color:#fff}.discussion{display:flex;gap:13px;padding:22px 0;border-bottom:1px solid var(--border)}.discussion:last-child{border:0}.discussion-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:800;background:#e8d8f7;color:#8658a6}.discussion:nth-child(2) .discussion-avatar{background:#dcf4ef;color:#398b82}.discussion:nth-child(3) .discussion-avatar{background:#ffe4ee;color:#a74e86}.discussion-body{flex:1;min-width:0}.discussion-top{display:flex;align-items:center;gap:10px;font-size:9px;color:#a09bab}.discussion-top strong{font-size:11px;color:var(--purple)}.discussion-topic{color:#a45a91!important;background:#faeaf4;padding:4px 7px;border-radius:5px}.discussion h3{font-size:13px;margin:12px 0 16px;color:var(--purple);letter-spacing:-.02em}.discussion-bottom{display:flex;gap:14px;align-items:center}.discussion-bottom span{display:flex;align-items:center;gap:5px;font-size:9px;color:#a49caa}.discussion-bottom button{border:0;background:transparent;display:flex;align-items:center;gap:5px;font-size:9px;color:#a098a8}.discussion-bottom .liked{color:var(--pink)}.discussion-bottom .reply-button{margin-left:auto;color:var(--pink);font-weight:700}.community-aside{display:grid;gap:15px}.community-aside .dash-panel h3{font-size:14px;color:var(--purple);display:flex;align-items:center;gap:9px}.community-aside .dash-panel h3 svg{color:#229f8e}.community-aside p{font-size:10px;line-height:1.85}.community-aside a{color:var(--pink);font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.community-challenge{background:#fbe9f4;border-radius:13px;padding:24px}.community-challenge>span{color:#c68634}.community-challenge h3{font-size:16px;color:var(--purple);margin:10px 0}.resource-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.resource-top h2{font-size:29px;color:var(--purple);margin:0}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.resource-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.resource-art{height:144px;position:relative;display:grid;place-items:center;background:#f1e5f7;color:#a05dba}.resource-art-1{background:#e4f3ef;color:#35aaa0}.resource-art-2{background:#fbedec;color:#d778a6}.resource-art-3{background:#fff1d8;color:#c79442}.resource-art span{position:absolute;left:14px;top:14px;background:#ffffffb7;padding:4px 8px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#74617e;border-radius:4px}.resource-info{padding:23px}.resource-info small{font-size:9px;color:var(--pink);font-weight:750}.resource-info h3{font-size:16px;color:var(--purple);margin:10px 0}.resource-info p{font-size:10px;min-height:40px}.resource-bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f1fa;padding:35px;border-radius:14px;margin-top:47px}.resource-bottom-banner h2{font-size:23px;margin:7px 0;color:var(--purple)}.resource-bottom-banner p{font-size:10px;margin:0}
/* Pricing, about, contact, authentication */
.pricing-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}.pricing-intro h2{font-size:30px;color:var(--purple);margin:9px 0}.pricing-intro p{font-size:11px}.pricing-warning{display:flex;align-items:center;gap:10px;color:#916a2b;background:#fff6e6;border:1px solid #ffebc5;padding:15px;border-radius:9px;max-width:300px;font-size:10px}.pricing-warning svg{flex-shrink:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card{border:1px solid var(--border);border-radius:15px;padding:29px;background:#fff;display:flex;flex-direction:column}.pricing-card.featured{border:2px solid var(--pink);box-shadow:0 20px 45px #e94d9c16}.pricing-tag{font-size:9px;color:#bc5b97;font-weight:800;letter-spacing:.12em}.pricing-card h3{font-size:24px;color:var(--purple);margin:16px 0 9px}.pricing-card>p{font-size:10px;min-height:57px}.pricing-price{font-size:26px;font-weight:800;color:var(--purple);padding:16px 0 20px}.pricing-rule{height:1px;background:var(--border)}.pricing-card ul{list-style:none;margin:20px 0 27px;padding:0;display:grid;gap:15px;flex:1}.pricing-card li{display:flex;gap:10px;align-items:center;font-size:10px;color:#71647e}.pricing-card li svg{color:#35b498}.pricing-faq{max-width:800px;margin:80px auto 0}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-story img{height:450px;width:100%;object-fit:cover;border-radius:20px 100px 20px 20px}.about-story h2{font-size:37px;color:var(--purple);margin:13px 0 20px}.about-story p{font-size:11px;line-height:2}.about-story .btn{margin-top:12px}.about-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:80px 0}.about-principles>div{padding-top:17px;border-top:2px solid #eee5f0}.about-principles svg{color:var(--pink)}.about-principles h3{font-size:16px;color:var(--purple);margin:16px 0 10px}.about-principles p{font-size:10px}.about-cta{background:#292450;border-radius:18px;display:grid;grid-template-columns:1fr 300px;gap:25px;overflow:hidden;color:#fff}.about-cta>div{padding:42px}.about-cta h2{font-size:31px;margin:13px 0}.about-cta p{font-size:11px;color:#cec5d9}.about-cta img{height:100%;max-height:310px;width:100%;object-fit:cover}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-info h2{font-size:34px;color:var(--purple);margin:13px 0 18px}.contact-info>p{font-size:11px;line-height:1.9}.contact-items{margin:32px 0;display:grid;gap:20px}.contact-items>div{display:flex;gap:13px}.contact-items>div>svg{color:var(--pink)}.contact-items b{font-size:11px;display:block}.contact-items a,.contact-items small{font-size:10px;color:#898195;display:block}.contact-photo{height:255px;border-radius:16px;overflow:hidden}.contact-photo img{height:100%;width:100%;object-fit:cover}.contact-form{border:1px solid var(--border);padding:32px;border-radius:15px;display:grid;gap:17px;box-shadow:var(--shadow)}.form-head h3{font-size:23px;color:var(--purple);margin:8px 0}.form-head p{font-size:10px}.contact-form label{font-size:10px}.contact-form>small{text-align:center;color:#a59dad}.success-panel{text-align:center;display:grid;justify-items:center;gap:13px;padding:70px 10px}.success-panel>svg{color:#31ae8d}.success-panel h2{font-size:23px;color:var(--purple)}.success-panel p{font-size:11px}.auth-main{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{background:#1e1d49;position:relative;color:#fff;display:flex;flex-direction:column;overflow:hidden}.auth-art:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#12163b 0%,#1317434d 36%,#17113d 100%)}.auth-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 32%;opacity:.53}.auth-top{padding:38px 52px;position:relative;z-index:2}.auth-art-copy{margin:auto 65px 70px;position:relative;z-index:2}.auth-art-copy h1{font-size:clamp(39px,5vw,69px);line-height:1.08;letter-spacing:-.07em;max-width:520px;margin:16px 0}.auth-art-copy p{color:#dbd2e4;font-size:13px}.auth-art-bottom{position:relative;z-index:2;padding:25px 52px;border-top:1px solid #ffffff33;font-size:10px;color:#d1c5d7}.auth-panel{padding:30px 70px;display:flex;flex-direction:column;justify-content:center;background:#fff;min-width:0}.auth-back{color:#9b93aa;font-size:10px;display:flex;align-items:center;gap:8px;margin-bottom:45px}.auth-card{max-width:470px;width:100%;margin:auto}.auth-card h1{font-size:34px;color:var(--purple);margin:12px 0}.auth-card>p{font-size:11px;line-height:1.9;margin-bottom:25px}.auth-card form{display:grid;gap:20px}.auth-card form>label span{font-weight:450;color:#ada2b0;margin-left:auto}.auth-inline{display:flex;justify-content:space-between;align-items:center;font-size:10px}.auth-inline label{display:flex;align-items:center;gap:6px}.auth-inline input{width:auto;accent-color:var(--pink)}.auth-inline a{color:var(--pink)}.auth-divider{border-top:1px solid var(--border);margin:34px 0 22px;text-align:center;position:relative}.auth-divider span{position:relative;top:-11px;background:#fff;padding:0 14px;font-size:9px;color:#a19aaa}.auth-role-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.auth-role-links a{border:1px solid var(--border);border-radius:9px;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:10px;font-weight:650}.auth-role-links svg{color:var(--pink)}.auth-register{text-align:center;font-size:10px;margin-top:32px}.auth-register a{font-weight:750;color:var(--pink)}.not-found{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center}.not-found>svg{color:var(--pink)}.not-found h1{font-size:36px;color:var(--purple);margin:0}.not-found p{font-size:12px}.teacher-modal,.search-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:22px}.modal-shade,.search-scrim{position:absolute;inset:0;background:#080b28b5}.teacher-modal-card,.search-box{position:relative;background:#fff;width:min(480px,100%);padding:30px;border-radius:15px;box-shadow:0 40px 85px #0304185a;max-height:90vh;overflow:auto}.teacher-modal-card{display:grid;gap:15px}.teacher-modal-card .modal-top{display:flex;align-items:center;justify-content:space-between}.teacher-modal-card h2{font-size:21px;color:var(--purple);margin:0}.teacher-modal-card>p{font-size:11px;margin:0}.teacher-modal-card>label{display:grid;gap:6px}.search-modal{align-items:start;padding-top:12vh}.search-box{width:min(650px,100%);padding:10px}.search-input-wrap{display:flex;align-items:center;gap:11px;padding:9px;color:#9990a6}.search-input-wrap input{flex:1;min-width:0;border:0;outline:0;font-size:13px;padding:7px;color:var(--purple)}.search-results{display:grid;max-height:430px;overflow:auto}.search-results a{padding:13px;border-top:1px solid var(--border);display:flex;align-items:center;gap:13px}.search-results a:hover{background:#faf6fc}.result-icon{height:36px;width:36px;display:grid;place-items:center;background:#f6e8f2;border-radius:9px;color:var(--pink)}.search-results a span:nth-child(2){flex:1}.search-results b{display:block;font-size:11px}.search-results small{display:block;font-size:9px;color:#aaa2ae}.search-help{background:#faf9fc;padding:12px;font-size:9px;color:#aaa1b0}.empty-mini{padding:28px;font-size:11px;text-align:center;color:#9d93a9}.toast{position:fixed;bottom:24px;right:25px;background:#1c264c;color:#fff;max-width:350px;border-radius:10px;box-shadow:0 15px 50px #11112b55;z-index:500;display:flex;align-items:center;gap:10px;padding:15px 20px;font-size:11px;line-height:1.7;transform:translateY(90px);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.toast.show{opacity:1;transform:translateY(0)}.toast svg{color:#b4efd9}
/* Responsive: large tablet / laptop */
@media(max-width:1150px){.desktop-nav{gap:13px}.nav-inner{gap:15px}.nav-actions{gap:7px}.nav-cta{font-size:10px;padding:10px 12px}.hero h1{font-size:49px}.feature-layout{gap:45px}.float-top{right:0}.course-grid.four{grid-template-columns:repeat(2,1fr)}.course-grid.three{grid-template-columns:repeat(3,1fr)}.app-shell{grid-template-columns:218px minmax(0,1fr)}.app-content{padding:23px}.app-topbar{padding-inline:22px}.dash-columns{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.metric{padding:15px}.metric-value{font-size:23px}.lesson-body{grid-template-columns:minmax(0,1fr) 280px}.lesson-main{padding:27px}.lesson-top-actions{gap:7px}}
@media(max-width:930px){.wrap{width:min(100% - 42px,1200px)}.site-header{height:72px}.desktop-nav,.nav-actions .login-link,.nav-cta,.nav-search{display:none}.nav-inner{justify-content:space-between}.burger{display:inline-grid}.hero-layout{min-height:530px}.hero h1{font-size:42px}.hero-art{height:495px}.hero-img-plate{height:450px}.hero-copy{padding:40px 0}.hero-proof{margin-top:24px}.float-card{padding:10px}.float-top{top:85px}.float-bottom{bottom:45px;left:-9px}.section{padding:72px 0}.feature-layout{gap:30px}.feature-photo{height:380px}.feature-copy h2{font-size:35px}.exam-stack{min-height:320px}.exam-card.main{width:86%;right:0}.exam-sticker{right:-12px}.intro-layout{grid-template-columns:1fr 270px;gap:25px}.exam-nav-cards{grid-template-columns:repeat(2,1fr)}.exam-steps{grid-template-columns:repeat(2,1fr)}.community-hero{grid-template-columns:1fr 290px}.community-layout{grid-template-columns:1fr 240px}.community-tabs{flex-wrap:wrap}.app-shell{grid-template-columns:200px minmax(0,1fr)}.app-sidebar{padding-inline:9px}.app-nav-item{font-size:9px;gap:9px}.app-content{padding:19px}.app-concept-chip{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-columns{grid-template-columns:1fr}.dash-secondary{grid-template-columns:1fr 1fr}.dash-secondary>.dash-panel:last-child:nth-child(odd){grid-column:1/-1}.lesson-body{grid-template-columns:1fr}.lesson-sidebar{border-left:0;border-top:1px solid var(--border)}.lesson-list{display:grid;grid-template-columns:repeat(2,1fr)}.lesson-aside-end{display:none}.lesson-progress-label{display:none}.quiz-layout{grid-template-columns:1fr 250px}.auth-panel{padding:30px}}
@media(max-width:690px){.wrap{width:min(100% - 32px,1200px)}.announcement{height:auto;min-height:34px}.announcement-in{padding:8px 0;gap:10px;flex-wrap:wrap;font-size:8px}.brand{padding:7px 9px 7px 7px}.brand-mark{width:31px;height:33px;font-size:31px}.brand-word{font-size:15px}.hero-layout{display:flex;flex-direction:column;gap:0}.hero-copy{padding:54px 0 24px;align-self:stretch}.hero h1{font-size:clamp(39px,9vw,55px);max-width:540px}.hero-copy>p{font-size:11px}.hero-art{width:100%;height:400px}.hero-img-plate{left:9%;right:auto;width:83%;height:380px}.float-top{right:0;top:39px}.float-bottom{bottom:38px;left:0}.hero-bottom-strip{height:auto}.hero-bottom-strip .wrap{padding:12px 0;gap:8px;flex-wrap:wrap}.trust-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0}.trust-band .trust-intro{grid-column:1/-1;justify-content:center}.trust-band b{font-size:14px}.trust-band span:not(.trust-star){text-align:center;font-size:8px}.section{padding:57px 0}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-heading h2{font-size:29px}.path-grid,.role-grid,.pricing-grid,.resource-grid{grid-template-columns:1fr}.path-card{min-height:260px}.path-illustration{right:35px;top:35px}.course-grid.four,.course-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-thumb{height:145px}.course-info{padding:13px}.course-info h3{font-size:13px}.course-info>p{font-size:9px}.course-bottom{flex-wrap:wrap}.feature-layout,.exam-layout,.try-layout,.about-story,.contact-layout,.plan-layout,.exam-builder,.course-detail-intro{grid-template-columns:1fr}.feature-photo{height:350px}.feature-video-mini{right:0}.feature-copy{margin-top:31px}.feature-copy h2{font-size:36px}.exam-layout{gap:15px}.exam-layout h2{font-size:37px}.exam-stack{min-height:275px}.exam-card.main{top:16px;right:20px;width:75%}.small-card{bottom:20px}.try-explain{padding:0}.try-layout{gap:20px}.last-cta-inner{padding:29px;flex-direction:column;align-items:flex-start;gap:15px}.last-cta h2{font-size:24px}.last-cta .btn{margin-left:0}.footer{margin-top:25px;padding:42px 0 20px}.footer-top{grid-template-columns:repeat(2,1fr);gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.9;margin-top:30px}.intro-layout{grid-template-columns:1fr}.page-intro{padding:58px 0}.page-intro h1{font-size:40px}.intro-mini{max-width:390px}.catalog-top,.catalog-controls,.resource-top,.pricing-intro{align-items:stretch;flex-direction:column}.search-field{width:100%}.catalog-controls{gap:9px}.filter-select{max-width:max-content}.subject-feature{grid-template-columns:1fr;padding:27px}.subject-feature h2{font-size:29px}.subject-feature img{height:190px}.subject-groups{grid-template-columns:1fr}.group-list{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.course-detail-intro{gap:25px}.course-detail-intro h1{font-size:42px}.detail-image{height:280px}.detail-aside{position:static}.detail-tabs{gap:16px}.detail-tabs button{font-size:10px}.learning-points{grid-template-columns:1fr}.exam-nav-cards{gap:11px}.exam-nav-card{min-height:200px;padding:16px}.exam-how{padding-top:60px}.exam-question-cta{align-items:flex-start;flex-direction:column}.quiz-layout{grid-template-columns:1fr}.quiz-aside{display:none}.quiz-options{grid-template-columns:1fr}.quiz-main #quiz-question{padding:25px 0}.lesson-topbar{height:auto;min-height:65px;padding:8px 14px;gap:9px}.lesson-topbar .brand{transform:scale(.7);margin-right:-45px}.lesson-crumb{display:none}.lesson-top-actions .btn{font-size:9px;padding:8px 10px}.lesson-main{padding:21px 15px 38px}.lesson-heading h1{font-size:25px}.video-art{height:250px;min-height:0}.video-content h2{font-size:24px}.big-play{height:55px;width:55px;margin:10px}.player-bar{gap:8px;padding:0 11px}.lesson-under-heading{align-items:flex-start;flex-direction:column;gap:14px}.lesson-tabs{gap:16px;overflow:auto}.lesson-tabs button{white-space:nowrap}.lesson-list{grid-template-columns:1fr}.app-shell{display:block}.app-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(275px,88vw);transform:translateX(-110%);transition:transform .24s;overflow:auto;box-shadow:0 10px 60px #020b29aa}.app-sidebar.mobile-show{transform:translateX(0)}.sidebar-close{display:inline-grid;color:#fff;margin-left:auto}.app-brand{justify-content:space-between}.app-menu{display:inline-grid}.app-topbar{padding:0 15px;height:61px}.app-breadcrumb{font-size:9px}.app-topbar-actions{gap:3px}.app-search-btn{display:none}.app-content{padding:16px}.app-page-heading{align-items:flex-start;flex-direction:column;gap:14px}.app-page-heading h1{font-size:23px}.app-heading-actions{width:100%;flex-wrap:wrap}.dash-highlight{grid-template-columns:1fr 95px;padding:22px;min-height:190px}.dash-highlight h2{font-size:21px}.dash-highlight p{font-size:9px}.highlight-actions{flex-wrap:wrap;gap:9px}.progress-orbit{width:90px;height:90px;border-width:10px}.progress-orbit-inner svg{width:18px;height:18px}.progress-orbit-inner b{font-size:7px}.metric-grid{gap:10px}.metric{min-height:110px;padding:13px}.metric-icon{height:30px;width:30px;top:10px;right:9px}.metric-value{font-size:23px}.metric-name{font-size:9px}.dash-columns,.dash-secondary{grid-template-columns:1fr}.dash-secondary>.dash-panel:last-child:nth-child(odd){grid-column:auto}.dash-panel{padding:16px}.continue-progress{width:52px}.mini-recs{grid-template-columns:1fr}.mini-recs>a{flex-direction:row;align-items:center}.mini-recs img{width:70px;height:62px}.mini-recs>a>svg{display:block;margin-left:auto;margin-right:12px}.teacher-banner,.parent-feature{grid-template-columns:1fr}.teacher-banner img,.parent-feature-photo{display:none}.content-pipeline{grid-template-columns:repeat(2,1fr)}.queue-row{flex-wrap:wrap}.queue-type{display:none}.class-table{min-width:490px}.community-hero{grid-template-columns:1fr}.community-hero>div{padding:27px}.community-hero img{max-height:205px;min-height:0}.community-layout{grid-template-columns:1fr}.feed-heading{align-items:flex-start;flex-direction:column}.discussion-bottom{flex-wrap:wrap}.week-day{grid-template-columns:90px 1fr}.plan-editor,.plan-calendar{padding:20px}.field-grid{grid-template-columns:1fr}.about-story{gap:28px}.about-story img{height:280px}.about-principles{grid-template-columns:1fr 1fr;gap:18px;margin:50px 0}.about-cta{grid-template-columns:1fr}.about-cta>div{padding:28px}.about-cta img{display:none}.contact-layout{gap:35px}.auth-main{grid-template-columns:1fr}.auth-art{min-height:310px}.auth-top{padding:20px}.auth-art-copy{margin:auto 25px 30px}.auth-art-copy h1{font-size:36px}.auth-art-bottom{padding:15px 22px}.auth-panel{padding:28px 23px;min-height:610px}.auth-back{margin-bottom:40px}.auth-card h1{font-size:29px}.auth-role-links a{gap:4px;padding:10px 7px;font-size:9px}.resource-bottom-banner{align-items:flex-start;flex-direction:column}.toast{left:15px;right:15px;max-width:none;bottom:12px}}
@media(max-width:390px){.hero h1{font-size:36px}.hero-actions .btn{width:100%}.hero-proof{display:none}.course-grid.four,.course-grid.three{grid-template-columns:1fr}.course-thumb{height:195px}.trust-band{grid-template-columns:repeat(2,1fr)}.group-list,.answer-grid{grid-template-columns:1fr}.exam-nav-cards{grid-template-columns:1fr}.detail-tabs{gap:10px}.lesson-under .btn{width:100%}.course-pills a{padding:7px}.about-principles{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.highlight-visual{display:none}.dash-highlight{display:block}.nav-inner .brand{transform:scale(.93);transform-origin:left center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Resolve auto-height mobile announcement against its content, not the viewport. */
@media (max-width:690px){.announcement{height:auto;min-height:34px}.announcement-in{height:auto;min-height:34px}}
@media (max-width:690px){.hero-bottom-strip{height:auto}.hero-bottom-strip .wrap{height:auto;min-height:46px}}

/* Faithful wordmark cropped from the owner's supplied reference screenshot. */
.brand.brand-exact{padding:0;background:#071535;border-radius:5px;overflow:hidden;gap:0;box-shadow:0 0 0 1px #ffffff14}
.brand.brand-exact img{display:block;width:175px;height:auto;object-fit:contain}
@media(max-width:690px){.brand.brand-exact{padding:0}.brand.brand-exact img{width:167px}}
@media (max-width:390px){.quiz-main{min-width:0;padding:16px}.quiz-top{gap:8px;flex-wrap:wrap}.quiz-actions{gap:8px;flex-wrap:wrap}.quiz-actions .btn{flex:1 1 130px;padding:10px 9px;justify-content:center;white-space:normal}}


/* Additional device-fit hardening for revised package */
html,body{max-width:100%}
body{overflow-x:hidden}
img{height:auto}
.class-table-wrap,.lesson-tabs,.detail-tabs,.community-tabs{scrollbar-width:thin}
@media(max-width:560px){
  .footer-top{grid-template-columns:1fr}
  .content-pipeline{grid-template-columns:1fr}
  .metric-grid{grid-template-columns:1fr 1fr}
  .queue-row{align-items:flex-start}
  .queue-row .table-action{width:100%;justify-content:center}
  .child-switch{width:100%}
  .child-switch select{width:100%}
  .app-heading-actions>.btn,.app-heading-actions>label{width:100%}
  .course-level{font-size:9px}
}
@media(max-width:430px){
  .metric-grid{grid-template-columns:1fr}
  .hero-art{height:360px}
  .hero-img-plate{height:340px}
  .float-card{max-width:170px}
  .page-intro h1,.course-detail-intro h1,.exam-layout h2{font-size:34px}
  .subject-groups,.faq-list,.resource-grid,.pricing-grid,.path-grid,.role-grid{gap:14px}
  .contact-items>div{align-items:flex-start}
  .auth-role-links{grid-template-columns:1fr}
}

/* Premium Nigeria-first visual polish, November 2026.
   Designed to layer on the original eSecondarySchool design contract. */
:root{--muted:#646579;--shadow:0 24px 65px rgba(16,20,61,.11)}
body{font-size:14px;background:#fff}
p{color:var(--muted)}
.section{position:relative}
.section-heading h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.055em}
.section-heading p{font-size:13px;line-height:1.9}
.eyebrow{font-size:10px;letter-spacing:.145em}
.btn{font-size:12px;letter-spacing:-.025em;border-radius:11px;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s,background-color .24s,border-color .24s}
.btn-primary{background:linear-gradient(115deg,#f044a5 0%,#dc328a 100%);box-shadow:0 12px 28px rgba(230,61,150,.21)}
.btn-primary:hover{background:linear-gradient(115deg,#e33697 0%,#c9237a 100%);box-shadow:0 16px 34px rgba(230,61,150,.28)}
.btn-outline{background:#fff;border-color:#dcd5e6}
.icon-button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid #ff92ca;outline-offset:3px}
.text-link{font-size:12px;transition:gap .25s}
.announcement{background:#08163b}
.site-header{box-shadow:0 7px 20px rgba(10,15,45,.055)}
.desktop-nav{gap:25px}
.navlink{font-size:11.5px;transition:color .2s}
.nav-actions .login-link{font-size:11.5px}
.mega-menu{border:1px solid #ebe5f0;box-shadow:0 30px 75px rgba(9,10,46,.17);border-radius:18px;top:74px}
.mega-feature{background:linear-gradient(140deg,#192452 0%,#352052 100%)}
.mega-feature:before{content:'';position:absolute;inset:0;opacity:.35;background:radial-gradient(circle at 25% 92%,rgba(255,142,210,.45),transparent 44%)}
.mega-link{font-size:11.3px;transition:background .2s,color .2s,transform .2s}
.mega-link:hover{transform:translateX(2px)}
.mobile-scrim{position:fixed;inset:0;background:rgba(6,9,35,.65);z-index:125;width:100%;height:100%;border:0;border-radius:0;cursor:pointer;backdrop-filter:blur(3px)}
.mobile-panel{box-shadow:-24px 0 70px rgba(5,10,40,.16);animation:drawer-in .3s cubic-bezier(.2,.8,.15,1) both}
.mobile-links{padding:23px 0}
.mobile-menu-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:#a05a89;margin:23px 0 7px}
.mobile-menu-label:first-child{margin-top:0}
.mobile-links a{font-size:12px;padding:12px 4px;align-items:center}
.mobile-links a svg{color:#d84d96}
.mobile-panel-bottom{padding:19px;border-radius:16px;background:#f9ebf4;margin:5px 0 20px}
.mobile-panel-bottom p{font-size:13px;font-weight:700;color:var(--purple);margin:0 0 13px}
.mobile-panel-bottom .btn{width:100%}
@keyframes drawer-in{from{transform:translateX(30px);opacity:.65}to{transform:translateX(0);opacity:1}}
.hero{background:radial-gradient(ellipse at 74% 48%,rgba(104,55,103,.29),transparent 50%),linear-gradient(120deg,#0c1941 0%,#14163e 48%,#211845 100%)}
.hero-layout{min-height:615px}
.hero-kicker{background:rgba(255,255,255,.075);border:1px solid rgba(250,150,206,.4);letter-spacing:.075em}
.hero h1{font-size:clamp(42px,4.4vw,67px)}
.hero h1 em{color:#fa85bc}
.hero-copy>p{font-size:14px;line-height:1.95;color:#ccd0e3;max-width:480px}
.hero-img-plate{border-radius:46% 46% 18px 18px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 55px rgba(5,5,25,.14)}
.hero-photo{mix-blend-mode:normal;filter:none;object-position:center 42%}
.hero-img-plate:after{background:linear-gradient(to top,rgba(30,13,54,.13),transparent 30%)}
.float-card{border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 42px rgba(7,9,35,.21);backdrop-filter:blur(9px)}
.float-top{animation:float-soft 5s ease-in-out infinite}
.float-bottom{animation:float-soft 6.2s 1.2s ease-in-out infinite}
@keyframes float-soft{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-bottom-strip{border-top:1px solid rgba(255,255,255,.12)}
.trust-band{border-bottom:1px solid #eceaf3}
.path-card{border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 20px rgba(25,10,55,.03);transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s}
.path-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.45);border-radius:50%;right:-115px;bottom:-110px;pointer-events:none}
.path-card:hover{transform:translateY(-7px);box-shadow:0 24px 42px rgba(25,10,55,.10)}
.path-illustration{transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.path-card:hover .path-illustration{transform:translateY(-5px) rotate(-5deg)}
.course-card{border-radius:16px;border-color:#e8e5f0;box-shadow:0 14px 33px rgba(19,15,66,.047)}
.course-card:hover{transform:translateY(-7px);box-shadow:0 25px 45px rgba(20,16,63,.14)}
.course-thumb{isolation:isolate}
.course-thumb:after{background:linear-gradient(to top,rgba(12,15,43,.55) 0,transparent 52%)}
.course-thumb img{object-position:center 37%;filter:saturate(1.03)}
.course-info{position:relative}
.course-info h3{letter-spacing:-.035em}
.course-info>p{font-size:10.7px;line-height:1.8}
.course-level{border-radius:6px;box-shadow:0 4px 12px #09153420}
.feature-section{background:linear-gradient(180deg,#fff 0%,#fbf9fd 100%)}
.feature-photo{border:5px solid #fff;box-shadow:0 26px 64px rgba(18,20,65,.11);background:#e9dfea;border-radius:22px 22px 94px 22px}
.feature-photo img{object-position:center 47%}
.feature-video-mini{box-shadow:0 20px 48px rgba(24,18,61,.16);border:1px solid #f4edf5}
.feature-copy>p{font-size:13px;line-height:1.9}
.exam-banner{background:radial-gradient(circle at 65% 40%,rgba(66,40,102,.25),transparent 50%),#0b183f}
.section-try{background:radial-gradient(circle at 85% 15%,rgba(251,212,232,.19),transparent 40%),#fbfbfd}
.quiz-preview,.try-card{box-shadow:0 20px 45px rgba(20,19,59,.07)}
.role-card{transition:transform .22s,box-shadow .22s,border-color .22s}
.role-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(13,17,50,.08);border-color:#f0b2d2}
.last-cta-inner{box-shadow:0 18px 46px rgba(31,24,84,.13);background:linear-gradient(110deg,#39245e,#1b2456 90%)}
.footer{background:#101b42;color:#fff;padding:75px 0 26px}
.footer:before{content:'';position:absolute;pointer-events:none;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e677b7,transparent);margin-top:-75px}
.footer .footer-brand>p{color:#aeb7d0;font-size:11px;line-height:1.9}
.footer-top>div:not(:first-child)>b{color:#fff;font-size:12px}
.footer-top>div:not(:first-child)>a{color:#bec6d9;font-size:11px;transition:color .2s,transform .2s}
.footer-top>div:not(:first-child)>a:hover{color:#ff9ed0;transform:translateX(2px)}
.footer .socials span{background:#ffffff10;color:#e6ddec;border:1px solid #ffffff12;border-radius:9px}
.footer-bottom{border-color:#ffffff20;color:#9aa7c9;font-size:10px}
.footer-bottom a{color:#ff9acb}
.page-intro{background:radial-gradient(circle at 85% 12%,rgba(188,87,150,.23),transparent 33%),linear-gradient(114deg,#101b46,#251b4c 70%,#2d1d52)}
.page-intro p{font-size:13px}
.resource-card,.pricing-card,.exam-nav-card,.dash-panel,.metric,.discussion-card,.study-topic{transition:box-shadow .23s,border-color .23s}
.resource-card:hover,.pricing-card:hover,.exam-nav-card:hover{box-shadow:0 22px 45px rgba(21,20,66,.11)}
.app-content{background:#f8f8fc}
.app-page-heading h1{letter-spacing:-.04em}
.metric{box-shadow:0 7px 18px rgba(20,18,60,.025)}
.metric-name{font-size:10.5px}
.metric-value{letter-spacing:-.055em}
.dash-panel{box-shadow:0 7px 20px rgba(20,18,60,.025)}
.panel-header h2{font-size:15px;letter-spacing:-.035em}
.panel-header p{font-size:10px}
.parent-feature{background:linear-gradient(120deg,#271e5a,#52316f)}
.parent-feature-photo img{object-position:55% 35%}
.auth-art>img{opacity:.65;filter:saturate(1.08)}
.auth-art:after{background:linear-gradient(to bottom,#0b1137d6 0%,#16143c4f 48%,#141037e8 100%)}
.back-top{position:fixed;bottom:25px;right:24px;width:47px;height:47px;display:grid;place-items:center;z-index:85;border:1px solid #fffc;border-radius:15px;color:white;background:#39245c;box-shadow:0 12px 28px #19113638;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s,border-color .2s}
.back-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-top:hover{background:var(--pink)}
.back-top svg{transform:rotate(-90deg)}
@media(max-width:1100px){.desktop-nav{gap:14px}.nav-inner{gap:17px}.nav-actions{gap:8px}.nav-cta{padding:10px 11px}.navlink{font-size:10.5px}}
@media(max-width:920px){.desktop-nav{display:none}.nav-actions .login-link,.nav-actions .nav-cta{display:none}.burger{display:inline-grid}.nav-inner{justify-content:space-between}.nav-actions{margin-left:auto}}
@media(max-width:690px){
 .hero-copy{padding:50px 0 25px}
 .hero h1{font-size:clamp(37px,9.1vw,54px)}
 .hero-copy>p{font-size:12.5px;line-height:1.85}
 .hero-img-plate{border-radius:45% 45% 18px 18px;box-shadow:0 12px 40px #0b092744}
 .float-card{max-width:196px}
 .feature-photo{height:330px}
 .feature-video-mini{right:2px;bottom:-20px}
 .course-info>p{font-size:10px}
 .footer{padding:55px 0 24px}
 .footer:before{margin-top:-55px}
 .footer-top{row-gap:30px}
 .footer-bottom{margin-top:38px}
 .parent-feature-photo{display:block;height:190px}
 .parent-feature-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
 .teacher-banner img{display:block;width:100%;height:180px;object-fit:cover}
 .back-top{width:43px;height:43px;right:16px;bottom:17px}
}
@media(max-width:430px){
 .announcement-in{justify-content:center}
 .announcement-in>a{display:none}
 .hero-art{height:400px}
 .hero-img-plate{height:379px}
 .float-top{right:0;top:48px}
 .float-bottom{left:0;bottom:26px}
 .course-info h3{font-size:14px}
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-brand{grid-column:1/-1}
 .footer-bottom{display:flex;flex-direction:column;gap:6px}
 .feature-video-mini{max-width:min(275px,88%)}
}
@media(max-width:350px){
 .brand.brand-exact img{width:145px}
 .hero-kicker{letter-spacing:0;font-size:8.3px;padding:7px 9px}
 .hero h1{font-size:35px}
 .hero-img-plate{width:86%;left:7%}
 .float-card{padding:8px 10px;gap:6px}
 .float-top{right:-5px}
 .hero-copy>p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.float-top,.float-bottom,.mobile-panel{animation:none!important}}
@media(min-width:691px) and (max-width:960px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:361px) and (max-width:690px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}