@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080f1e;--panel:#101b2d;--panel2:#142239;--line:#24334a;--text:#edf3fc;--muted:#a0afc4;--accent:#55e0b0;--blue:#74a9ff;--red:#f59b9b;--shadow:0 16px 50px #0003;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 Inter,'Noto Sans Arabic',sans-serif}html[lang=ar] body{font-family:'Noto Sans Arabic',Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}img{max-width:100%}h1,h2,h3,h4,p{margin:0 0 1rem}h1{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.35;font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.5;letter-spacing:-.03em}h3{font-size:1.15rem;line-height:1.6}p{color:var(--muted)}small,.small{font-size:.85rem}code,pre,.mono{font-family:'IBM Plex Mono',Consolas,monospace;direction:ltr;text-align:left}pre{background:#081222;border:1px solid var(--line);border-radius:8px;padding:1.2rem;overflow:auto;line-height:1.8;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;color:#c8ddf9}input,select,textarea{width:100%;min-width:0;background:#0b1526;border:1px solid #33445d;border-radius:7px;color:var(--text);padding:.7rem .9rem;min-height:46px}textarea{resize:vertical;min-height:125px}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0}label{display:flex;flex-direction:column;gap:.45rem;font-size:.95rem;color:#c8d4e5}.check{flex-direction:row;align-items:center;gap:.7rem}.muted{color:var(--muted)}.accent{color:var(--accent)}.blue{color:var(--blue)}.eyebrow{font:500 .8rem/1.6 'IBM Plex Mono',monospace;letter-spacing:.13em;color:var(--accent);margin-bottom:1.2rem}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .7rem;border:1px solid #31435a;border-radius:5px;font-size:.8rem;color:#b6c9e0;background:#132238}.pill.green{background:#113c33;color:#90efd0;border-color:#285d4e}.pill.red{background:#48232b;color:#ffc4ca;border-color:#703946}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.2rem;min-height:45px;border:1px solid #34465f;border-radius:7px;background:#17263d;color:var(--text);font-weight:600;line-height:1.5;transition:background .18s,transform .18s}.btn:hover{background:#223853;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06261e}.btn.primary:hover{background:#85f0ca}.btn.ghost{background:transparent}.btn.danger{border-color:#80434c;background:#45252e;color:#ffccd1}.btn.small{font-size:.85rem;padding:.45rem .8rem;min-height:36px}.btn:disabled{opacity:.5;cursor:wait;transform:none}.actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.topbar{height:84px;border-bottom:1px solid #ffffff10;background:#080f1eed;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 max(4vw,1.1rem);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.brand img{width:47px;height:47px;border-radius:50%;object-fit:cover;background:white}.brand strong{font-size:.95rem;line-height:1.5;display:block}.brand span{font:500 .65rem/1.4 'IBM Plex Mono',monospace;letter-spacing:.2em;color:var(--muted)}.topnav{display:flex;align-items:center;gap:1.7rem;font-size:.9rem}.topnav a:hover{color:var(--accent)}.lang{font-family:Inter,'Noto Sans Arabic',sans-serif!important;border-inline-start:1px solid var(--line);padding-inline-start:1rem}.shell{display:flex;align-items:flex-start;min-height:calc(100vh - 84px)}.sidebar{width:242px;flex-shrink:0;position:sticky;top:84px;height:calc(100vh - 84px);overflow-y:auto;border-inline-end:1px solid var(--line);padding:1.5rem 1rem;background:#0b1423;display:flex;flex-direction:column;gap:.35rem}.sidebar .section-label{font-size:.73rem;color:#8294ae;letter-spacing:.08em;padding:1.1rem .7rem .4rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:7px;color:#aebdd1;font-size:.9rem}.nav-item:hover{background:#17253b;color:white}.nav-item.active{background:#17362f;color:var(--accent);box-shadow:inset -3px 0 var(--accent)}.nav-item .icon{width:19px;height:19px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem}.workspace{width:calc(100% - 242px);padding:2.4rem 3vw 4rem;max-width:1700px;margin:auto}.workspace h1{font-size:2rem}.container{max-width:1240px;margin:auto;padding-inline:2rem}.section{padding-block:5rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-head p{max-width:560px;margin:0}.hero{padding-top:5.7rem;padding-bottom:4rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 40%,#12395555,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:4rem;align-items:center}.hero h1{max-width:650px;margin-top:1.2rem}.hero h1 em{font-style:normal;color:var(--accent)}.lead{font-size:1.1rem;line-height:1.95}.hero .actions{margin-top:2rem}.hero-proof{display:flex;gap:1.3rem;align-items:center;color:var(--muted);font-size:.85rem;margin-top:1.6rem}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 15px #55e0b066}.hero-lab{box-shadow:0 30px 120px #0008;border:1px solid #324661;background:linear-gradient(135deg,#15233a,#0b1424);border-radius:12px;transform:perspective(1600px) rotateY(3deg);overflow:hidden}.window-top{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;font:.75rem 'IBM Plex Mono',monospace;color:#9dacc1}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#425069}.window-dots i:first-child{background:#ed837f}.window-dots i:nth-child(2){background:#e6c171}.window-dots i:nth-child(3){background:#66d5ae}.preview-code{padding:1.6rem;direction:ltr;text-align:left;font: .95rem/2.05 'IBM Plex Mono',monospace;color:#d7e4fa}.preview-code .line{display:flex;gap:1.5rem}.preview-code .n{color:#455875;user-select:none}.kw{color:#b19cff}.str{color:#a2e6b8}.num{color:#e5ba7e}.comment{color:#6f88a8}.preview-result{margin:0 1.5rem 1.5rem;padding:1rem;border:1px solid #2c584e;background:#102d28;border-radius:8px;display:flex;justify-content:space-between;align-items:center;color:#80e6c3}.float-note{padding:1rem 1.3rem;background:#142139;border-top:1px solid var(--line);font-size:.85rem;color:#b4c4d9;display:flex;gap:.8rem;align-items:center}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:4rem;padding:1.8rem 0;gap:1rem}.stats-strip div{border-inline-end:1px solid var(--line);text-align:center}.stats-strip div:last-child{border:0}.stats-strip strong{display:block;font:600 1.8rem/1.4 'IBM Plex Mono',monospace}.stats-strip span{font-size:.85rem;color:var(--muted)}.grid{display:grid;gap:1.3rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;min-width:0}.panel.soft{background:#0c1728}.course-card{display:flex;flex-direction:column;position:relative;transition:border-color .2s,transform .2s}.course-card:hover{border-color:#557da0;transform:translateY(-3px)}.course-card .number{font:1.6rem 'IBM Plex Mono',monospace;color:#5a7799;margin-bottom:1.7rem}.course-card p{font-size:.92rem;flex:1}.course-card .meta{border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#a1b3c9}.feature-icon{width:44px;height:44px;background:#17362f;color:var(--accent);border-radius:9px;display:grid;place-items:center;margin-bottom:1.2rem}.icon{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;vertical-align:middle;flex-shrink:0}.step{display:flex;gap:1rem;padding-block:1.3rem;border-bottom:1px solid var(--line)}.step-number{font:1rem 'IBM Plex Mono',monospace;color:var(--accent);padding-top:.3rem}.step p{margin:0}.callout{padding:3rem;background:linear-gradient(110deg,#14372f,#112641 75%);border:1px solid #345444;border-radius:12px}.metric{padding:1.4rem;border:1px solid var(--line);background:var(--panel);border-radius:10px}.metric .label{font-size:.85rem;color:var(--muted)}.metric strong{display:block;font:600 2.1rem/1.5 'IBM Plex Mono',monospace;margin-block:.4rem}.metric .trend{font-size:.8rem;color:var(--accent)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;gap:1rem}.page-heading h1,.page-heading p{margin-bottom:.3rem}.progress{height:7px;border-radius:4px;background:#26354b;overflow:hidden;direction:ltr}.progress>span{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s}.progress.big{height:11px}.welcome-panel{background:linear-gradient(110deg,#12382f,#132846 70%);padding:2rem;border:1px solid #2c4b54;border-radius:12px;margin-bottom:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.welcome-panel p{max-width:550px}.welcome-symbol{font:5rem/1.1 'IBM Plex Mono',monospace;color:#55e0b070;direction:ltr}.layout-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:1.4rem;margin-top:1.6rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-row p{font-size:.85rem;margin:0}.list-row h3{margin:0}.list-row .index{font:1rem 'IBM Plex Mono',monospace;color:#7290b2;min-width:30px}.list-title{display:flex;align-items:center;gap:1rem}.chart{width:100%;height:230px;color:var(--accent)}.chart text{fill:#98aac3;font-size:12px;font-family:Inter,sans-serif}.chart .gridline{stroke:#26364c;stroke-width:1}.chart .bar{fill:#55e0b0}.chart .line{fill:none;stroke:#72aaff;stroke-width:3}.chart .area{fill:#74a9ff15}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:640px;font-size:.9rem}th{text-align:start;padding:.9rem 1rem;background:#16233a;font-weight:500;color:#afc0d8;font-size:.8rem}td{padding:.95rem 1rem;border-top:1px solid var(--line);vertical-align:middle}tr:hover td{background:#15223877}td .actions{flex-wrap:nowrap}.empty{text-align:center;padding:3rem 1.4rem;color:var(--muted)}.empty .icon{width:40px;height:40px;margin-bottom:1rem;color:#65809f}.notice{padding:1rem 1.2rem;border:1px solid #315c50;background:#123129;color:#a2efd2;border-radius:8px;margin-bottom:1.5rem}.notice.error{border-color:#7c4350;background:#391f2b;color:#ffbbc8}.notice.info{border-color:#355372;background:#122940;color:#b2d8ff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.full{grid-column:1/-1}.form-grid h2{font-size:1.2rem;margin-top:1rem;margin-bottom:0}.auth-wrap{max-width:1100px;margin:4rem auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.auth-wrap form{display:grid;gap:1rem}.auth-story{padding:2rem 0}.auth-story h1{font-size:2.8rem}.install-wrap{max-width:900px;margin:3rem auto;padding:0 1.5rem}.success-mark{font-size:3rem;color:var(--accent)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:1.5rem}.lesson-content{min-width:0}.lesson-content>section{margin-bottom:1.5rem}.lesson-content .concept{font-size:1.05rem;white-space:pre-line}.lesson-aside{position:sticky;top:105px;min-width:0}.lab-frame{border:1px solid #34445e;width:100%;height:585px;border-radius:10px;background:#0a1322}.lesson-header{padding-bottom:1.5rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.lesson-header h1{font-size:2.15rem}.visual{display:flex;gap:.8rem;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(130deg,#0d2528,#132443);border:1px solid #2c465b;border-radius:10px;margin-bottom:1.3rem;direction:ltr;flex-wrap:wrap}.visual-node{border:1px solid #468a79;background:#153f36;border-radius:7px;padding:.8rem 1rem;font-family:'IBM Plex Mono',monospace;animation:concept-in 2.4s ease-in-out infinite alternate}.visual-arrow{color:#76a8c3}.visual-node:nth-child(3){animation-delay:.7s}.visual-node:nth-child(5){animation-delay:1.4s}@keyframes concept-in{from{border-color:#306759;box-shadow:0 0 0 #55e0b000}to{border-color:#64d3b1;box-shadow:0 0 24px #55e0b015}}details{border-bottom:1px solid var(--line);padding:1.1rem 0}summary{cursor:pointer;font-weight:600}details p{margin-top:1rem}.tutor-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tutor-actions button{font-size:.8rem;padding:.4rem .65rem;background:#1b2b43;border:1px solid #344b69;color:#ccdcef;border-radius:5px}.tutor-output{white-space:pre-wrap;padding:1rem;background:#0b182b;border-inline-start:3px solid var(--accent);margin-top:1rem;max-height:350px;overflow:auto}.quiz-question{margin-bottom:1.2rem}.quiz-option{flex-direction:row;align-items:center;border:1px solid var(--line);padding:.8rem 1rem;border-radius:7px;margin-bottom:.6rem;cursor:pointer}.quiz-option:has(input:checked){border-color:var(--accent);background:#17362f}.quiz-option input{width:18px}.certificate{background:#f7f9fc;color:#142238;border:12px solid #162841;padding:3rem;max-width:1000px;margin:2rem auto;position:relative;text-align:center;box-shadow:var(--shadow)}.certificate::before{content:'';position:absolute;inset:10px;border:1px solid #c1b780;pointer-events:none}.certificate img.logo{width:90px;height:90px;border-radius:50%}.certificate .cert-kicker{letter-spacing:.25em;color:#527261;font:500 .8rem 'IBM Plex Mono',monospace;margin:1rem}.certificate h1{font-size:2.5rem;letter-spacing:-.02em}.certificate h2{font-size:2rem;color:#183b64;border-bottom:1px solid #bbc7d4;padding:1rem;display:inline-block;min-width:60%}.certificate p{color:#536276}.certificate-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}.certificate-footer small{color:#4d6079}.qr{width:100px;height:100px;background:white;padding:4px;direction:ltr}.signature{border-top:1px solid #9baabd;padding-top:.5rem;font-size:.85rem}.share-card{max-width:760px;margin:2rem auto;border:1px solid #386352;background:radial-gradient(ellipse at 90% 10%,#295f47,transparent 60%),#0b1b2d;padding:3rem;border-radius:14px;position:relative}.share-card .share-value{font:600 5rem 'IBM Plex Mono',monospace;color:var(--accent);line-height:1.3}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1rem}.badge{text-align:center;border:1px solid var(--line);padding:1.5rem .75rem;background:#142238;border-radius:10px}.badge .icon{width:34px;height:34px;color:#e4ca88;display:block;margin:0 auto 1rem}.badge p{margin:0;font-size:.8rem}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.admin-tile{border:1px solid var(--line);padding:1.2rem;background:#122036;border-radius:8px}.admin-tile:hover{border-color:var(--accent)}.admin-tile small{display:block;color:var(--muted)}.filters{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap;margin-bottom:1.4rem}.filters label{flex:1;min-width:150px}.filters input,.filters select{padding:.5rem .7rem}.pagination{display:flex;gap:.5rem;margin-top:1.2rem;align-items:center;justify-content:center}.footer{border-top:1px solid var(--line);padding:2rem max(4vw,1.1rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#8295ae;font-size:.85rem}.footer p{margin:0}.footer-links{display:flex;gap:1.3rem}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;inset-inline-start:1rem;background:var(--accent);color:#05261c;padding:.6rem;z-index:100}.skip:focus{top:1rem}.mobile-menu{display:none}.stack{display:grid;gap:1rem}.nowrap{white-space:nowrap}.spacer{height:1.5rem}.line-explanation{padding:.6rem 0;border-bottom:1px solid var(--line)}.line-explanation code{display:block;font-size:.85rem}.line-explanation p{margin:.4rem 0 0;font-size:.9rem}.timer{font-family:'IBM Plex Mono',monospace;color:#eec381}.toast{position:fixed;bottom:1.5rem;inset-inline-end:1.5rem;padding:1rem 1.4rem;background:#234539;border:1px solid #5ba98a;border-radius:8px;z-index:100;max-width:calc(100vw - 3rem)}
@media(min-width:1500px){.workspace{padding-inline:3rem}.container{max-width:1360px}.hero-grid{gap:6rem}}
@media(max-width:1100px){.topnav{gap:.9rem}.topnav .optional{display:none}.sidebar{width:200px}.workspace{width:calc(100% - 200px);padding:1.8rem 2vw}.hero-grid{gap:2rem}.hero h1{font-size:2.7rem}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr}.lesson-aside{position:static}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-main{grid-template-columns:1fr}.auth-wrap{gap:2rem}}
@media(max-width:760px){body{font-size:16px}.topbar{height:72px;padding-inline:1rem}.brand img{width:36px;height:36px}.brand strong{font-size:.75rem}.brand span{font-size:.55rem}.topnav>a:not(.lang):not(.mobile-essential){display:none}.topnav{gap:.5rem}.topnav .btn{font-size:.8rem;padding:.5rem .7rem;min-height:36px}.lang{font-size:.8rem;padding-inline-start:.6rem}.mobile-menu{display:inline-flex;background:transparent;color:var(--text);border:0;padding:.3rem}.sidebar{position:fixed;top:72px;inset-inline-start:0;height:calc(100vh - 72px);width:240px;z-index:30;display:none;box-shadow:0 20px 80px #0009}.sidebar.open{display:flex}.workspace{width:100%;padding:1.5rem 1rem 3rem}.workspace h1{font-size:1.7rem}.container{padding-inline:1.2rem}.hero{padding-top:2.7rem}.hero-grid{grid-template-columns:1fr;gap:2.8rem}.hero h1{font-size:2.55rem;line-height:1.5}.hero-lab{transform:none}.hero-proof{flex-wrap:wrap}.stats-strip{grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:2.7rem}.stats-strip div:nth-child(2){border:0}.stats-strip strong{font-size:1.5rem}.section{padding-block:3rem}.grid.three,.grid.two{grid-template-columns:1fr}.grid.four{gap:.7rem}.metric{padding:1rem}.metric strong{font-size:1.7rem}.section-head,.page-heading{align-items:start;flex-direction:column}.welcome-panel{padding:1.4rem}.welcome-symbol{display:none}.callout{padding:1.5rem}.auth-wrap{grid-template-columns:1fr;margin:2rem auto;padding:0 1rem;gap:1rem}.auth-story{padding:0}.auth-story h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.panel{padding:1.2rem}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate{padding:1.5rem .8rem;border-width:6px}.certificate h1{font-size:1.7rem}.certificate h2{font-size:1.5rem}.certificate-footer{flex-wrap:wrap;justify-content:center}.share-card{padding:1.5rem}.share-card .share-value{font-size:3.6rem}.footer{flex-direction:column;align-items:start;font-size:.8rem}.lesson-header h1{font-size:1.8rem}.hero .lead{font-size:1rem}.preview-code{font-size:.78rem;padding:1rem}.lab-frame{height:620px}.filters{align-items:stretch}.filters>*{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#142238}.topbar,.sidebar,.footer,.no-print,.actions,.page-heading{display:none!important}.workspace{width:100%;padding:0}.certificate{margin:0;box-shadow:none;break-inside:avoid}.certificate,.share-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}.share-card{color:white}.shell{display:block}}
.topbar>.actions{flex-wrap:nowrap;min-width:0}.brand strong{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.brand strong{max-width:155px;font-size:.7rem}.brand span{font-size:.48rem;letter-spacing:.1em}.brand{gap:.5rem}.topbar>.actions{gap:.35rem}.topnav{flex-shrink:0}.topbar{gap:.6rem}.brand img{width:32px;height:32px}}
@media(max-width:370px){.brand strong{max-width:122px}.topnav>a.mobile-essential:not(.lang){display:none}.brand span{font-size:.43rem}}


/* ===== 2026 LIGHT ACADEMY EXPERIENCE ===== */
:root{color-scheme:light;--bg:#f7f8fc;--panel:#ffffff;--panel2:#f1f4fb;--line:#e4e8f2;--text:#172033;--muted:#657087;--accent:#5b5ce2;--blue:#1689ff;--red:#e85969;--shadow:0 18px 60px rgba(28,39,76,.10);--radius:20px}
body{background:radial-gradient(circle at 15% 0,#eef1ff 0,transparent 28%),radial-gradient(circle at 86% 9%,#e7f8ff 0,transparent 26%),var(--bg);color:var(--text);font-family:Manrope,Alexandria,sans-serif}html[lang=ar] body{font-family:Alexandria,Manrope,sans-serif}code,pre,.mono{font-family:'JetBrains Mono',monospace}.topbar{background:rgba(255,255,255,.86);border-color:#e9ecf4;box-shadow:0 8px 35px rgba(31,41,80,.06)}.brand img{box-shadow:0 5px 18px rgba(91,92,226,.16)}.brand span{color:#7c8496}.topnav a:hover{color:var(--accent)}
input,select,textarea{background:#fff;color:var(--text);border-color:#dce1ec;box-shadow:0 2px 0 rgba(30,41,59,.02)}label{color:#465168}.panel{background:rgba(255,255,255,.94);border-color:#e5e9f2;box-shadow:0 12px 45px rgba(34,47,85,.07)}pre{background:#172033;color:#eef5ff;border:0}.btn{border-radius:14px;background:#fff;color:#27334a;border-color:#dfe4ef;box-shadow:0 6px 16px rgba(33,45,78,.06);transition:.22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,45,78,.10)}.btn.primary{background:linear-gradient(135deg,#5b5ce2,#3878f2);border:0;color:white;box-shadow:0 12px 30px rgba(75,91,226,.28)}.btn.primary:hover{background:linear-gradient(135deg,#5152d8,#2e6de7)}.btn.white{background:white;color:#4a4bd3;border:0}.btn-xl{min-height:56px;padding:.9rem 1.45rem;font-weight:800}.pill{border-radius:999px;background:#fff;border-color:#dfe4f0;color:#465168}.pill.green,.soft-pill{background:#eefaf6;color:#177a59;border-color:#ccf0e3}.eyebrow{font-family:Manrope,Alexandria,sans-serif;font-weight:800;color:#5b5ce2;letter-spacing:.12em}.accent{color:#5b5ce2}.blue{color:#1689ff}.progress{background:#ebedf5}.progress span{background:linear-gradient(90deg,#5b5ce2,#25b9e9);position:relative;overflow:hidden}.progress span:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 2.4s infinite;transform:translateX(-100%)}
.sidebar{background:#fff;border-color:#e8ebf3}.nav-item{color:#536078;border-radius:14px}.nav-item:hover,.nav-item.active{background:#f0f1ff;color:#4e4fd5}.workspace{background:transparent}.metric{background:white;border-color:#e5e8f1;box-shadow:0 10px 35px rgba(37,49,84,.06)}.metric strong{color:#202a43}.callout{background:linear-gradient(135deg,#eef1ff,#edfaff);border-color:#dfe5f5;color:var(--text)}
.hero-light{padding:72px 0 28px;overflow:hidden;position:relative}.hero-light:before,.hero-light:after{content:'';position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-light:before{width:420px;height:420px;background:rgba(111,98,255,.10);left:-150px;top:-110px}.hero-light:after{width:360px;height:360px;background:rgba(37,185,233,.11);right:-120px;bottom:40px}.hero-grid-modern{display:grid;grid-template-columns:1.05fr .95fr;gap:4.5rem;align-items:center;position:relative;z-index:1}.hero-copy h1{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.18;letter-spacing:-.055em;margin:1.4rem 0}.hero-copy h1 em{font-style:normal;color:#5b5ce2}.hero-copy h1 span{background:linear-gradient(90deg,#172033,#1689ff);-webkit-background-clip:text;color:transparent}.hero-copy .lead{font-size:1.14rem;max-width:760px}.approval-note{margin-top:1.2rem;color:#59647a;font-size:.9rem}.hero-experience{position:relative;min-height:580px;display:grid;place-items:center}.learning-phone{width:min(430px,90%);background:rgba(255,255,255,.96);border:1px solid #e2e6f2;border-radius:34px;padding:22px;box-shadow:0 36px 90px rgba(58,73,130,.18);position:relative;z-index:2;transform:rotate(1.5deg);animation:floatY 6s ease-in-out infinite}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#7a8498}.phone-top strong{font-size:.75rem}.mini-progress{margin:22px 0;padding:15px;border-radius:18px;background:#f6f7fb;display:grid;grid-template-columns:1fr auto;gap:8px}.mini-progress i{grid-column:1/-1;height:8px;background:#e6e9f2;border-radius:99px;overflow:hidden}.mini-progress u{display:block;width:68%;height:100%;background:linear-gradient(90deg,#5b5ce2,#25b9e9);border-radius:99px}.lesson-preview-card{display:flex;gap:14px;padding:16px;border:1px solid #e6e9f2;border-radius:20px;background:white}.emoji-bubble{width:52px;height:52px;border-radius:16px;background:#efefff;display:grid;place-items:center;font-size:1.6rem;flex:none}.lesson-preview-card h3{margin:.15rem 0 .3rem}.lesson-preview-card p{font-size:.83rem;margin:0}.lesson-preview-card small{color:#7e879a}.animated-loop{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0}.animated-loop span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#3974e7;font-weight:800;animation:pulseNode 2.4s ease-in-out infinite}.animated-loop span:nth-child(3){animation-delay:.4s}.animated-loop span:nth-child(5){animation-delay:.8s}.animated-loop b{color:#9ba4b7}.code-chip{font-family:'JetBrains Mono';background:#172033;color:#a8f0d4;padding:12px 15px;border-radius:14px;font-size:.8rem;direction:ltr;text-align:left}.daily-challenge{display:flex;align-items:center;gap:10px;margin-top:15px;padding:13px 14px;border-radius:17px;background:linear-gradient(135deg,#fff5df,#fffaf0)}.daily-challenge>span{font-size:1.6rem}.daily-challenge div{flex:1}.daily-challenge small{display:block;color:#8a7555}.daily-challenge strong{color:#d48516}.orbit{position:absolute;border:1px dashed rgba(91,92,226,.20);border-radius:50%;animation:spin 22s linear infinite}.orbit-a{width:520px;height:520px}.orbit-b{width:390px;height:390px;animation-direction:reverse;animation-duration:16s}.float-card{position:absolute;background:#fff;border:1px solid #e6e9f2;border-radius:18px;padding:12px 15px;box-shadow:0 16px 45px rgba(48,61,108,.13);z-index:3;display:flex;flex-direction:column;gap:2px;animation:floatY 5s ease-in-out infinite}.float-card small{color:#6b758a}.float-ai{left:-20px;top:105px}.float-win{right:-20px;bottom:85px;animation-delay:1.2s}.trust-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e8ebf3;border:1px solid #e8ebf3;border-radius:22px;overflow:hidden;margin-top:36px;position:relative;z-index:2}.trust-strip div{background:#fff;padding:20px;text-align:center}.trust-strip strong{display:block;font-size:1.3rem;color:#26324b}.trust-strip span{display:block;color:#7a8499;font-size:.78rem;margin-top:3px}.section{padding-top:80px;padding-bottom:80px}.section-head h2 span{color:#5b5ce2}.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.experience-card{padding:25px;border-radius:24px;transition:.25s ease;position:relative;overflow:hidden}.experience-card:hover{transform:translateY(-7px) rotate(-.3deg)}.experience-card>span{font-size:2.1rem;display:block;margin-bottom:22px}.experience-card.coral{background:#fff1ee}.experience-card.blue{background:#edf5ff}.experience-card.mint{background:#eafbf4}.experience-card.violet{background:#f2efff}.experience-card p{font-size:.9rem}.curriculum-section{background:linear-gradient(180deg,#f1f4fb,#f8f9fc)}.curriculum-head{align-items:end}.curriculum-total{min-width:140px;text-align:center;background:white;border:1px solid #e3e7f0;border-radius:22px;padding:20px}.curriculum-total strong{font-size:2.2rem;color:#5b5ce2}.curriculum-total span{display:block;color:#758096;font-size:.8rem}.roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.roadmap-card{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:start;background:white;border:1px solid #e4e8f1;border-radius:24px;padding:22px;box-shadow:0 10px 35px rgba(35,48,84,.05);transition:.25s ease}.roadmap-card:hover{transform:translateY(-5px);border-color:#cdd3ff;box-shadow:0 18px 45px rgba(63,77,138,.10)}.roadmap-index{font:700 .75rem/1 Manrope;color:#a0a8b9;padding-top:8px}.roadmap-icon{width:50px;height:50px;border-radius:16px;background:#f4f5fb;display:grid;place-items:center;font-size:1.6rem}.roadmap-content h3{margin:.1rem 0 .35rem}.roadmap-content p{font-size:.86rem;margin-bottom:.8rem}.roadmap-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.75rem;color:#7b8599}.lesson-story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.story-visual{min-height:430px;border-radius:30px;background:linear-gradient(135deg,#f0edff,#e9f8ff);display:grid;place-items:center;position:relative;overflow:hidden}.story-visual:after{content:'PYTHON';position:absolute;font:800 7rem/1 Manrope;color:rgba(91,92,226,.05);transform:rotate(-18deg)}.variable-scene{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.value-pill{background:#fff;border:1px solid #e1e4ee;border-radius:14px;padding:11px 18px;font-family:'JetBrains Mono';animation:valueDrop 3.5s ease-in-out infinite}.motion-arrow{font-size:1.5rem;color:#7b83de}.variable-box{width:145px;height:110px;border-radius:22px;background:linear-gradient(135deg,#5b5ce2,#7a6bea);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 45px rgba(91,92,226,.25)}.variable-box small{opacity:.75}.variable-box b{font-size:1.4rem}.terminal-output{background:#172033;color:#9ff0ce;padding:12px 18px;border-radius:13px;font-family:'JetBrains Mono'}.story-steps{display:grid;gap:12px}.story-step{display:flex;gap:16px;padding:18px;border-radius:20px;background:#fff;border:1px solid #e7eaf2;transition:.2s}.story-step:hover{transform:translateX(-4px);border-color:#cfd4ff}.story-step>span{font-size:1.7rem}.story-step h3{margin:0 0 4px}.story-step p{margin:0;font-size:.88rem}.academic-shell{background:linear-gradient(135deg,#4f50d8,#2786ed);color:white;border-radius:34px;padding:42px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;box-shadow:0 25px 65px rgba(69,77,195,.22);overflow:hidden}.academic-shell p{color:#e6e9ff}.academic-shell .pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:white}.support-line{color:#e7eaff;font-size:.85rem}.mini-dashboard{background:#fff;color:#172033;border-radius:25px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;box-shadow:0 18px 50px rgba(23,32,51,.18)}.mini-stat{background:#f7f8fc;border-radius:16px;padding:14px;text-align:center}.mini-stat span{display:block}.mini-stat b{display:block;font-size:1.45rem}.mini-stat small{color:#788299}.mini-chart{grid-column:1/-1;height:120px;background:#f7f8fc;border-radius:16px;display:flex;align-items:end;gap:9px;padding:18px}.mini-chart i{flex:1;background:linear-gradient(#55b9ff,#5b5ce2);border-radius:6px 6px 2px 2px;animation:growBar 1.3s ease both}.share-showcase{display:grid;grid-template-columns:1fr 1fr;gap:26px}.share-card,.certificate-preview{background:white;border:1px solid #e3e7f0;border-radius:28px;padding:32px;box-shadow:0 18px 55px rgba(34,47,86,.08);position:relative;overflow:hidden}.share-card:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:#efefff;right:-90px;top:-100px}.share-logo{font-weight:800;color:#5b5ce2}.share-emoji{font-size:2.7rem;margin:30px 0 10px}.share-card>strong{font-size:4rem;display:block;line-height:1.1;color:#172033}.progress.mega{height:13px;margin:15px 0}.share-buttons{display:flex;gap:8px}.share-buttons span{width:35px;height:35px;border-radius:10px;background:#f1f3f8;display:grid;place-items:center;font-weight:800}.certificate-preview{text-align:center;background:linear-gradient(145deg,#fff,#f8f9ff)}.cert-seal{font-size:3.2rem}.certificate-preview h3{font-size:1.8rem;margin:.5rem}.fake-name{font:600 1.4rem Alexandria,Manrope;margin:28px 0 15px;padding-bottom:12px;border-bottom:1px solid #dfe3ed}.qr-placeholder{font-size:4rem;line-height:1}.final-cta{padding-top:40px}.cta-gradient{background:linear-gradient(120deg,#5b5ce2,#1689ff 68%,#19b9b0);border-radius:32px;padding:38px 42px;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 24px 60px rgba(52,89,205,.25)}.cta-gradient p{color:#eaf0ff}.cta-gradient>div>span{font-size:2rem}
.auth-wrap.bright-auth{background:transparent}.bright-auth .auth-story{background:linear-gradient(145deg,#edf0ff,#eafbff);border:1px solid #dfe4f1;border-radius:28px;padding:40px}.auth-story h1 em{font-style:normal;color:#5b5ce2}.approval-flow{display:flex;align-items:center;gap:8px;margin:30px 0;flex-wrap:wrap}.approval-flow div{display:flex;align-items:center;gap:7px;font-size:.8rem}.approval-flow div span{width:30px;height:30px;border-radius:50%;background:#5b5ce2;color:white;display:grid;place-items:center;font-weight:800}.approval-flow i{width:25px;height:2px;background:#c7cce0}.auth-benefits p{color:#4f5c74}.auth-card{border-radius:28px;padding:34px}.form-symbol{width:52px;height:52px;border-radius:17px;background:#f0f1ff;display:grid;place-items:center;font-size:1.8rem}.auth-login{text-align:center;display:block;margin-top:8px}
.reveal{animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.13s}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes floatY{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseNode{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(91,92,226,.08)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(91,92,226,0)}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes valueDrop{0%,100%{transform:translateY(-5px)}50%{transform:translateY(8px)}}@keyframes growBar{from{height:4%!important}}
@media(max-width:980px){.hero-grid-modern,.lesson-story-grid,.academic-shell{grid-template-columns:1fr}.hero-experience{min-height:500px}.engagement-grid{grid-template-columns:repeat(2,1fr)}.roadmap{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(3,1fr)}.float-ai{left:0}.float-win{right:0}.share-showcase{grid-template-columns:1fr}}
@media(max-width:620px){.hero-light{padding-top:38px}.hero-copy h1{font-size:clamp(2.2rem,12vw,3.4rem)}.hero-grid-modern{gap:2rem}.hero-experience{min-height:430px}.learning-phone{width:96%;padding:16px}.float-card{display:none}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div:last-child{grid-column:1/-1}.engagement-grid{grid-template-columns:1fr}.section{padding-top:54px;padding-bottom:54px}.roadmap-card{grid-template-columns:auto 1fr}.roadmap-index{display:none}.academic-shell,.cta-gradient{padding:26px;border-radius:24px}.mini-dashboard{grid-template-columns:1fr 1fr}.mini-stat:nth-child(3){grid-column:1/-1}.cta-gradient{align-items:flex-start;flex-direction:column}.approval-flow i{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.lesson-rich-copy{white-space:normal;line-height:2;color:#465168}.lesson-rich-copy br+br{display:block;content:"";margin-top:.75rem}.lesson-goals{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fff,#f2f4ff);border-color:#dfe3ff}.lesson-goal-icon{width:54px;height:54px;border-radius:17px;background:#eceeff;display:grid;place-items:center;font-size:1.8rem;flex:none}.lesson-goals h3{margin:.2rem 0 .4rem}.lesson-header{background:linear-gradient(120deg,#f1f3ff,#ecfbff);border:1px solid #e0e5f1;border-radius:24px;padding:24px;margin-bottom:18px}.lesson-aside .panel{box-shadow:0 12px 40px rgba(37,50,90,.07)}


/* ===== V3 Colorful wow refresh ===== */
:root{color-scheme:light;--bg:#f7f9ff;--panel:#ffffff;--panel2:#f4f7ff;--line:#dde3f2;--text:#18243e;--muted:#5f6c86;--accent:#5b5ce2;--blue:#2e8fff;--teal:#14c8bb;--gold:#f5b835;--pink:#ff6ea8;--red:#f17070;--shadow:0 18px 50px rgba(55,74,125,.10);--radius:20px}
body{background:linear-gradient(180deg,#fbfcff 0%,#f4f8ff 55%,#fbfdff 100%);color:var(--text);font:16px/1.8 Manrope,Alexandria,sans-serif}
html[lang=ar] body{font-family:Alexandria,Manrope,sans-serif}
p{color:var(--muted)}
input,select,textarea{background:#fff;border:1px solid #d8e0f0;color:var(--text);border-radius:14px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
label{color:#31405f}
.btn{border-radius:16px;border-color:#d8dff2;background:#fff;color:#1c2743;box-shadow:0 10px 25px rgba(92,104,171,.07)}
.btn:hover{background:#fff;box-shadow:0 16px 34px rgba(92,104,171,.12);transform:translateY(-2px)}
.btn.primary{background:linear-gradient(135deg,#4f63ff,#23a8ff 60%,#20d6c7);border-color:transparent;color:#fff;box-shadow:0 16px 35px rgba(64,97,242,.28)}
.btn.primary:hover{background:linear-gradient(135deg,#5f72ff,#39b0ff 60%,#27dfcf);color:#fff}
.btn.ghost{background:#fff;border-color:#dbe3f1}
.topbar{height:88px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(222,228,243,.95);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(81,96,150,.05)}
.brand img{border-radius:18px;box-shadow:0 10px 28px rgba(74,95,190,.12)}
.brand strong{color:#16233f;font-size:1rem}
.brand span{font-family:Manrope,Alexandria,sans-serif;color:#7d88a1;letter-spacing:.16em}
.topnav a{color:#3a4766;font-weight:600}.topnav a:hover{color:#4f63ff}
.lang{border-inline-start:1px solid #e1e6f3}
.sidebar{background:linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%);border-inline-end:1px solid #e2e8f3;box-shadow:inset -1px 0 0 #fff}
.nav-item{color:#5c6883;border:1px solid transparent}
.nav-item:hover{background:#fff;color:#2a3354;border-color:#e6ebf5;box-shadow:0 10px 25px rgba(81,96,150,.06)}
.nav-item.active{background:linear-gradient(135deg,#eef0ff,#f0fbff);color:#4f63ff;box-shadow:inset -3px 0 #5b5ce2;border-color:#dfe6ff}
.workspace,.container{position:relative;z-index:1}
.panel,.metric{background:#fff;border:1px solid #e3e8f2;border-radius:22px;box-shadow:0 15px 45px rgba(40,57,106,.06)}
.callout{background:linear-gradient(135deg,#ffffff,#f5f9ff);border:1px solid #dce4f1;border-radius:26px;box-shadow:0 18px 55px rgba(31,47,92,.08)}
.footer{background:#fff;border-top:1px solid #e4e9f3;color:#617089}
.footer a{color:#4d5ef2}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.notice{background:#eef7ff;border:1px solid #cfe7ff;color:#1f4f86;border-radius:16px;box-shadow:0 12px 30px rgba(67,127,195,.08)}
.pill{border-radius:999px;background:#fff;border:1px solid #e1e7f3;color:#405072}.pill.green{background:#ebfff6;color:#0e8b60;border-color:#c9f0de}.pill.red{background:#fff2f5;color:#be4168;border-color:#ffd4df}
.feature-icon{background:linear-gradient(135deg,#eff2ff,#ecfaff);color:#4f63ff;border-radius:16px}
.progress{background:#e8edf8}.progress>span{background:linear-gradient(90deg,#5b5ce2,#2aa4ff 60%,#19c8b9)}
.hero-approval-banner,.approval-note{display:inline-flex;gap:.55rem;align-items:center;flex-wrap:wrap;padding:12px 16px;background:linear-gradient(135deg,#fff6e8,#fffdf3);border:1px solid #f7df9a;border-radius:18px;color:#8a6513;margin-top:18px;box-shadow:0 12px 28px rgba(232,185,71,.12)}
.home-epic .section-head h2 span,.home-epic h1 span{background:linear-gradient(135deg,#ff7a6b,#ffb546 45%,#2ab7ff 85%,#5b5ce2);-webkit-background-clip:text;background-clip:text;color:transparent}
.epic-hero{position:relative;overflow:hidden;padding:52px 0 32px;background:linear-gradient(180deg,#fff3f7 0%,#f6f4ff 26%,#eef9ff 60%,#f9fffd 100%)}
.epic-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:34px;align-items:center}
.hero-bg-blob{position:absolute;border-radius:50%;filter:blur(12px);opacity:.55;animation:floatBlob 10s ease-in-out infinite}
.hero-blob-a{width:280px;height:280px;background:#ffd0d9;top:-70px;left:2%}
.hero-blob-b{width:340px;height:340px;background:#d8e4ff;top:15%;right:-60px;animation-delay:1.2s}
.hero-blob-c{width:260px;height:260px;background:#d3fff0;bottom:40px;left:35%;animation-delay:2s}
.epic-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid #e6dff6;color:#5b5ce2;font-weight:700;box-shadow:0 12px 28px rgba(91,92,226,.10)}
.epic-copy h1{font-size:clamp(2.5rem,4.8vw,4.8rem);line-height:1.15;letter-spacing:-.05em;margin:16px 0 14px}
.epic-copy h1 em{font-style:normal;color:#4f63ff}
.epic-copy .lead{font-size:1.08rem;max-width:670px;color:#52617c}
.hero-chip-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid #e6ebf5;color:#32405f;font-size:.9rem;font-weight:600;box-shadow:0 10px 24px rgba(50,71,126,.06)}
.hero-art-shell{position:relative;padding:18px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.62));border:1px solid rgba(228,233,245,.95);box-shadow:0 30px 70px rgba(58,76,138,.14)}
.hero-art-shell:before{content:'';position:absolute;inset:10px;border-radius:28px;border:1px solid rgba(255,255,255,.75);pointer-events:none}
.hero-art-shell img{display:block;width:100%;border-radius:24px;box-shadow:0 18px 40px rgba(46,64,115,.12)}
.hero-float{position:absolute;display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e6eaf5;border-radius:18px;padding:12px 14px;box-shadow:0 18px 40px rgba(53,71,126,.14);animation:floatY 6s ease-in-out infinite;max-width:230px}.hero-float b{display:block;color:#213052}.hero-float small{display:block;color:#77829a}.hero-float-1{top:22px;left:-14px}.hero-float-2{top:45%;right:-18px;animation-delay:1s}.hero-float-3{bottom:18px;left:10%;animation-delay:2s}
.wow-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}.wow-stat{background:linear-gradient(180deg,#ffffff,#fafcff);border:1px solid #e5eaf3;border-radius:24px;padding:20px 16px;text-align:center;box-shadow:0 16px 40px rgba(50,64,111,.06)}.wow-stat span{display:grid;place-items:center;margin:0 auto 10px;width:52px;height:52px;border-radius:18px;font-size:1.4rem;background:linear-gradient(135deg,#eff1ff,#effbff)}.wow-stat strong{display:block;font-size:1.45rem;color:#213052}.wow-stat small{color:#7a859b}
.centered-head{text-align:center;justify-content:center}.centered-head p{max-width:760px;margin:.7rem auto 0}.sparkle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.spark-card{position:relative;padding:26px;border-radius:28px;overflow:hidden;border:1px solid #e6ebf5;box-shadow:0 20px 50px rgba(41,57,104,.07)}.spark-card:after{content:'';position:absolute;inset:auto -30px -35px auto;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.48)}.spark-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:1.8rem;background:rgba(255,255,255,.75);box-shadow:0 10px 25px rgba(62,82,142,.08);margin-bottom:18px}.spark-peach{background:linear-gradient(135deg,#fff1e6,#fff8f2)}.spark-sky{background:linear-gradient(135deg,#eaf4ff,#f6fbff)}.spark-mint{background:linear-gradient(135deg,#ebfff7,#f8fffc)}.spark-violet{background:linear-gradient(135deg,#f2efff,#fbf9ff)}
.showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.showcase-image img,.university-image-shell img{width:100%;display:block;border-radius:30px;box-shadow:0 28px 70px rgba(49,66,120,.12);border:1px solid #ebeff6}.mini-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.mini-checks span{background:#fff;border:1px solid #e7ebf4;border-radius:16px;padding:12px 14px;color:#354361;font-weight:600;box-shadow:0 12px 28px rgba(52,67,117,.06)}
.curriculum-section.v3{background:linear-gradient(180deg,#f4f6ff 0%,#fafeff 100%)}.colorful-roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.vibrant-card{background:linear-gradient(180deg,#ffffff,#fbfcff);border:1px solid #e6ebf5;border-radius:26px;box-shadow:0 18px 48px rgba(48,64,115,.08)}.vibrant-card .roadmap-icon{background:linear-gradient(135deg,#fff6d9,#ecf3ff 45%,#effcff);border:1px solid #e8eef6}.vibrant-card:hover{transform:translateY(-7px) rotate(-.2deg);border-color:#d4d9ff;box-shadow:0 25px 55px rgba(58,76,138,.12)}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.path-left{display:grid;gap:20px}.wow-card{background:#fff;border:1px solid #e6ebf5;border-radius:28px;padding:28px;box-shadow:0 20px 55px rgba(46,61,112,.08)}.badge-head{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f2efff;color:#5b5ce2;font-weight:700}.share-demo{margin-top:20px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#f5f2ff,#f3fbff)}.share-demo strong{display:block;font-size:3.2rem;color:#1e2a47;line-height:1}.share-bubbles{display:flex;gap:10px;margin-top:14px}.share-bubbles span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #e4e9f3;box-shadow:0 10px 25px rgba(56,73,128,.08)}.colorful-cert{background:linear-gradient(145deg,#fff,#fbf7ff)}.institution-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.institution-features span{display:block;background:linear-gradient(135deg,#f8faff,#f6fcff);border:1px solid #e5ebf5;border-radius:16px;padding:12px 14px;color:#3a4766;font-weight:600}
.university-image-shell{padding:14px;border-radius:34px;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #e7ecf6;box-shadow:0 28px 70px rgba(49,66,120,.10)}
.colorful-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 36px;background:linear-gradient(135deg,#fff6f8 0%,#f3f5ff 45%,#effdff 100%)}.colorful-callout>div:first-child{flex:1}.colorful-callout span:first-child{font-size:2.2rem;display:block;margin-bottom:10px}
@keyframes floatBlob{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(18px) translateX(8px)}}
@media(max-width:1100px){.epic-hero-grid,.showcase-grid,.path-grid{grid-template-columns:1fr}.wow-stats{grid-template-columns:repeat(3,1fr)}.sparkle-grid{grid-template-columns:repeat(2,1fr)}.colorful-roadmap{grid-template-columns:1fr}.hero-float-1{left:8px}.hero-float-2{right:8px}.colorful-callout{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.topbar{height:76px}.epic-copy h1{font-size:clamp(2.2rem,11vw,3.2rem)}.wow-stats{grid-template-columns:repeat(2,1fr)}.sparkle-grid,.mini-checks,.institution-features{grid-template-columns:1fr}.hero-chip-row{gap:10px}.hero-chip{font-size:.84rem}.hero-float{display:none}.hero-art-shell{padding:10px;border-radius:24px}.hero-art-shell img,.showcase-image img,.university-image-shell img{border-radius:18px}.wow-card,.spark-card,.roadmap-card,.panel,.metric{border-radius:22px}.colorful-callout{padding:26px 22px}.wow-stat{padding:16px 12px}.wow-stat strong{font-size:1.2rem}}

/* ===== Launch polish update ===== */
:root{
  --bg:#f5f7ff;
  --surface:#ffffff;
  --surface-soft:#f8faff;
  --text:#132344;
  --muted:#5f6f90;
  --line:#dbe5ff;
  --primary:#4f46e5;
  --primary-2:#0ea5e9;
  --success:#10b981;
  --warning:#f59e0b;
  --shadow-lg:0 22px 60px rgba(19,35,68,.12);
  --shadow-md:0 14px 34px rgba(79,70,229,.10);
}
html,body{background:linear-gradient(180deg,#f8fbff 0%,#f2f5ff 100%);color:var(--text)}
body{font-feature-settings:"kern" 1;font-synthesis-weight:none}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,229,255,.9)}
.brand{gap:1rem}.brand img{width:58px;height:58px;border-radius:18px;object-fit:cover;background:#fff;box-shadow:0 8px 20px rgba(19,35,68,.12)}
.brand strong{font-size:1.55rem;line-height:1.15;display:block;max-width:36rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{letter-spacing:.18em;color:#8494b6}
.topnav a{font-weight:700;color:#304565}.topnav .btn.primary{padding:.85rem 1.35rem}
.topnav .lang{border-inline-start:1px solid var(--line);padding-inline-start:1.25rem}
.footer{background:#fff;border-top:1px solid var(--line)}
.footer p,.footer a{color:#536480}
.workspace{padding:1.5rem}
.sidebar{background:#fff;border-inline-end:1px solid var(--line)}
.sidebar .nav-item{border-radius:18px;font-weight:700}.sidebar .nav-item.active{background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(14,165,233,.12));color:var(--primary);border-color:rgba(79,70,229,.18)}
.sidebar .section-label{color:#91a0bf}
.notice{border-radius:20px;border:1px solid rgba(79,70,229,.18);background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(14,165,233,.08));color:#24365d}
.page-heading,.compact-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading h1,.compact-page-heading h1{font-size:clamp(2rem,2.4vw,3rem);margin:.15rem 0;color:#14264a}.page-heading p,.compact-page-heading p{color:var(--muted);margin:0}.eyebrow{font-weight:800;letter-spacing:.16em;color:#5e6cf3;font-size:.85rem}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:#546684;font-weight:700}.pill.green{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2);color:#0f8a62}
.panel,.polished-panel{background:rgba(255,255,255,.96);border:1px solid rgba(219,229,255,.95);box-shadow:var(--shadow-md);border-radius:28px}
.polished-panel{padding:1.35rem}
.btn{border-radius:16px;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 16px 30px rgba(79,70,229,.22)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#284160}.btn.small{border-radius:14px}.btn-xl{padding:1rem 1.45rem;font-size:1rem}
.launch-home .section{margin-block:2.25rem}.hero-clean{padding:2.5rem 0 1rem}.hero-clean-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:2rem;align-items:center}.hero-copy h1{font-size:clamp(2.4rem,4vw,4.65rem);line-height:1.08;margin:.6rem 0 1rem;color:#132344}.hero-copy h1 span{background:linear-gradient(135deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:1.16rem;line-height:1.8;color:#526582;max-width:47rem}.eyebadge{display:inline-flex;align-items:center;gap:.65rem;padding:.72rem 1rem;border-radius:999px;background:rgba(79,70,229,.07);color:#5568d9;font-weight:800;border:1px solid rgba(79,70,229,.12)}.small-badge{font-size:.85rem}
.hero-mini-points{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.hero-mini-points span{background:#fff;border:1px solid var(--line);padding:.7rem .95rem;border-radius:999px;color:#556480;font-weight:700}
.hero-image-wrap{padding:.85rem;background:linear-gradient(180deg,#fff,rgba(255,255,255,.7));border:1px solid rgba(219,229,255,.95);border-radius:32px;box-shadow:var(--shadow-lg)}.hero-image-wrap img,.feature-image img{display:block;width:100%;height:auto;border-radius:24px}
.compact-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.stat-card{padding:1.2rem 1rem;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:24px;text-align:center}.stat-card strong{display:block;font-size:2rem;color:#14264a}.stat-card span{display:block;margin-top:.35rem;color:#697a98;font-weight:700}
.simple-head{margin-bottom:1rem}.program-grid-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.program-tile{display:flex;flex-direction:column;gap:.85rem;padding:1.45rem;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.program-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(79,70,229,.28)}.program-tile-top{display:flex;align-items:center;justify-content:space-between}.program-number{font-size:2rem;font-weight:900;line-height:1;color:#a5b2cf}.program-hours{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:rgba(79,70,229,.08);color:#5568d9;font-weight:800}.program-tile h3{margin:0;color:#14264a;font-size:1.5rem}.program-tile p{margin:0;color:#607190;line-height:1.8}.program-meta{display:flex;justify-content:space-between;align-items:center;color:#566883;font-weight:800;margin-top:auto;padding-top:.2rem}
.feature-split{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:1.6rem;align-items:center}.feature-copy h2{font-size:clamp(2rem,2.8vw,3rem);margin:.45rem 0 .8rem;color:#14264a}.feature-list-clean{display:grid;gap:.95rem}.feature-list-clean>div{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding:1rem 1.05rem;background:#fff;border:1px solid var(--line);border-radius:22px;align-items:start;box-shadow:var(--shadow-md)}.feature-list-clean span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(14,165,233,.12));font-size:1.55rem}.feature-list-clean b{display:block;margin-bottom:.15rem;color:#172a4e}.feature-list-clean p{margin:0;color:#607190;line-height:1.7}
.institution-card-clean{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 1.7rem;background:linear-gradient(135deg,#132344,#1b3e74);color:#fff;border-radius:30px;box-shadow:var(--shadow-lg)}.institution-card-clean .eyebrow{color:#a9c3ff}.institution-card-clean h2{margin:.4rem 0 .7rem;font-size:clamp(1.8rem,2.2vw,2.7rem);color:#fff}.institution-card-clean p{margin:0;max-width:52rem;color:rgba(255,255,255,.82)}.institution-card-clean .btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.2rem;align-items:stretch;padding:1.55rem;border-radius:30px;background:linear-gradient(135deg,#132344 0%,#1e3a8a 55%,#0ea5e9 120%);color:#fff;box-shadow:var(--shadow-lg);margin-bottom:1.2rem}.dashboard-hero h2{font-size:clamp(1.8rem,2.5vw,2.6rem);margin:.5rem 0}.dashboard-hero p{margin:0 0 1rem;color:rgba(255,255,255,.84);line-height:1.8}.dashboard-hero .btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#fff}.hero-progress-box,.hero-kpis{display:grid;gap:1rem}.hero-progress-box{grid-template-columns:145px 1fr;align-items:center;padding:1rem;background:rgba(255,255,255,.1);border-radius:24px;border:1px solid rgba(255,255,255,.14)}.progress-ring-box{text-align:center}.progress-ring{width:118px;height:118px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#132344 45%,transparent 47%),conic-gradient(#34d399 0deg 210deg,#60a5fa 210deg 290deg,rgba(255,255,255,.18) 290deg 360deg);box-shadow:inset 0 0 0 10px rgba(255,255,255,.06)}.progress-ring span{font-size:1.65rem;font-weight:900}.hero-progress-lines>div,.hero-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:rgba(255,255,255,.1);border-radius:20px;border:1px solid rgba(255,255,255,.12)}.hero-progress-lines span,.hero-kpis span{color:rgba(255,255,255,.74);font-weight:700}.hero-progress-lines b,.hero-kpis b{font-size:1.2rem;color:#fff}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 1.4rem}.metric-card-clean{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md)}.metric-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(14,165,233,.12));font-size:1.4rem}.metric-card-clean small{display:block;color:#7787a5;font-weight:700}.metric-card-clean strong{display:block;font-size:1.75rem;color:#16284b}
.modern-main-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:1rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h3,.polished-panel h3{margin:0;color:#182b4f}.programs-stack{display:grid;gap:.9rem}.program-row-clean{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:22px;text-decoration:none;color:inherit}.program-row-clean h4{margin:0 0 .25rem;font-size:1.12rem}.program-row-clean p{margin:0 0 .6rem;color:#7081a2}.progress{height:10px;border-radius:999px;background:#e8efff;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:999px}.list-row{padding:.95rem 0;border-bottom:1px dashed #d7e2ff}.list-row:last-child{border-bottom:none}.list-row h4{margin:0 0 .25rem}.list-row p{margin:0;color:#687998;line-height:1.7}.empty-clean{padding:1rem;border:1px dashed var(--line);border-radius:22px;background:var(--surface-soft)}
.lesson-top-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f9fbff,#eef4ff);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-md);margin-bottom:1.2rem}.crumb-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#5a6de7;font-weight:800}.lesson-top-copy h1{font-size:clamp(2rem,2.6vw,3.4rem);line-height:1.12;margin:.55rem 0;color:#122549}.lesson-top-copy p{margin:0;color:#5c6e8d;line-height:1.85}.lesson-top-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.lesson-top-visual{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8rem}.visual-pill{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:1rem 1.2rem;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);font-weight:800;color:#4a5f85}
.refined-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.6fr);gap:1rem}.lesson-section-compact h2,.lesson-section-compact h3{margin:0 0 .8rem;color:#182b4f}.lesson-rich-copy,.lesson-section-compact p{line-height:1.95;color:#445a80}.lesson-section-compact details{margin-top:1rem;padding:1rem;border:1px dashed var(--line);border-radius:18px;background:var(--surface-soft)}.lesson-section-compact summary{cursor:pointer;font-weight:800;color:#415aa8}.line-explanation{padding:.75rem 0;border-bottom:1px dashed #dbe5ff}.line-explanation:last-child{border-bottom:none}.line-explanation code{display:block;direction:ltr;text-align:left;background:#0f172a;color:#dbeafe;padding:.8rem 1rem;border-radius:16px;overflow:auto}.lab-panel{padding:0;overflow:hidden}.lab-panel .lab-frame{min-height:720px}.sticky-aside{position:sticky;top:96px}.compact-tutor-actions{display:flex;flex-wrap:wrap;gap:.55rem}.compact-tutor-actions button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.68rem .9rem;font-weight:800;color:#304565}.compact-tutor-actions button:hover{background:rgba(79,70,229,.06);border-color:rgba(79,70,229,.22)}.tutor-output{margin-top:1rem;padding:1rem 1.1rem;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line);white-space:pre-wrap;color:#344969}
.form-grid textarea,.form-grid input,.form-grid select,textarea,input,select{border-color:#d6e2ff;border-radius:16px;background:#fff}.form-grid label,.check{font-weight:700;color:#314565}
@media (max-width:1200px){.compact-stats,.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-clean-grid,.feature-split,.modern-main-layout,.refined-lesson-layout,.dashboard-hero,.lesson-top-card{grid-template-columns:1fr}.hero-progress-box{grid-template-columns:1fr}.lesson-top-visual{justify-content:flex-start}.institution-card-clean{flex-direction:column;align-items:flex-start}.program-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.workspace{padding:1rem}.brand strong{max-width:13rem;font-size:1.1rem}.hero-copy h1{font-size:2.2rem}.program-grid-clean,.compact-stats,.dashboard-metrics{grid-template-columns:1fr}.feature-list-clean>div{grid-template-columns:48px 1fr}.feature-list-clean span{width:48px;height:48px}.hero-mini-points{gap:.55rem}.topnav{gap:.85rem}.topnav a{font-size:.95rem}.dashboard-hero,.lesson-top-card,.institution-card-clean,.panel,.polished-panel{border-radius:24px}.btn-xl,.btn{width:auto}}
.course-card{display:flex;flex-direction:column;gap:1rem;padding:1.35rem;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;text-decoration:none;color:inherit}.course-card .number{font-size:2rem;font-weight:900;color:#a5b2cf}.course-card h3{margin:0;color:#172a4e;font-size:1.5rem}.course-card p{margin:0;color:#607190;line-height:1.8}.course-card .meta{display:flex;justify-content:space-between;align-items:center;color:#5f7190;font-weight:800;margin-top:auto}.list-title{display:flex;align-items:flex-start;gap:1rem}.list-title .index{display:grid;place-items:center;min-width:48px;height:48px;border-radius:16px;background:rgba(79,70,229,.08);color:#5867d9;font-weight:900}.lead{font-size:1.1rem;color:#617390;line-height:1.85}

/* ===== v4 platform polish ===== */
[data-reveal]{opacity:0;transform:translateY(18px);animation:fadeUp .65s ease forwards}
[data-reveal]:nth-child(2){animation-delay:.04s}[data-reveal]:nth-child(3){animation-delay:.08s}[data-reveal]:nth-child(4){animation-delay:.12s}
.brand strong{font-size:1.18rem!important;max-width:30rem!important}.brand span{font-size:.62rem!important}
.page-heading h1,.compact-page-heading h1{font-size:clamp(1.5rem,2vw,2.35rem)!important;line-height:1.25}.workspace h1{font-size:clamp(1.5rem,2vw,2.35rem)}
.dashboard-hero h2,.hero-copy h1{font-size:clamp(1.8rem,3vw,2.8rem)!important;line-height:1.22}.hero-copy p,.page-heading p{max-width:760px}
.admin-overview-grid,.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:1.2rem}
.admin-kpi-card,.power-metric{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff,#f7f8ff);border:1px solid #e3e7f3;border-radius:24px;padding:1.2rem 1.25rem;box-shadow:0 18px 45px rgba(36,57,108,.07)}
.admin-kpi-card:before,.power-metric:before,.admin-tile-card:before,.dashboard-banner-card:before,.promo-banner-card:before,.work-card:before,.quiz-question:before{content:'';position:absolute;inset:auto -30px -55px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(91,92,226,.16),transparent 68%);pointer-events:none}
.admin-kpi-card .emoji,.metric-emoji{font-size:1.7rem;display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#f1f3ff,#ecf8ff);margin-bottom:.8rem}
.admin-kpi-card small,.power-metric .label{display:block;color:#7a87a3;font-weight:700}.admin-kpi-card strong,.power-metric strong{display:block;font-size:2rem;color:#152a5b;margin-top:.3rem}
.admin-quick-strip,.dashboard-banner-strip,.promo-banner-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1rem 0 1.5rem}
.admin-quick-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-link{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(135deg,#fff,#f6f8ff);border:1px solid #e4e8f4;color:#243455;font-weight:800;box-shadow:0 12px 30px rgba(45,61,109,.06)}
.quick-link:hover,.admin-tile-card:hover,.work-card:hover,.promo-banner-card:hover,.dashboard-banner-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(48,67,125,.12)}
.admin-section-block{margin:1.6rem 0 1.9rem}.admin-section-block .section-head{margin-bottom:1rem}
.admin-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.admin-tile-card{position:relative;display:flex;flex-direction:column;gap:.6rem;background:linear-gradient(160deg,#ffffff,#f7fbff 75%);border:1px solid #dfe6f3;border-radius:26px;padding:1.25rem;color:#172b4d;box-shadow:0 14px 38px rgba(34,51,102,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.admin-tile-card h3{margin:0;color:#162748;font-size:1.15rem}.admin-tile-card p{margin:0;color:#6d7d98;font-size:.9rem;line-height:1.8;min-height:50px}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tile-emoji{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#f1f3ff,#ecfbff);font-size:1.55rem}.tile-count{font-size:1.7rem;font-weight:900;color:#5060d9}.tile-meta{margin-top:auto;padding-top:.8rem;border-top:1px solid #e8edf6;display:flex;justify-content:space-between;color:#556986;font-weight:800}
.entity-shell{display:grid;gap:1rem}.entity-banner,.report-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(120deg,#f7f8ff,#f0f8ff);border:1px solid #dfe7f5;border-radius:28px;padding:1.4rem 1.5rem;box-shadow:0 15px 40px rgba(38,56,108,.05)}
.entity-banner h2,.report-hero h2{margin:.35rem 0;color:#152856}.admin-form-panel{border-radius:26px}.option-check{padding:.9rem 1rem;background:#f8faff;border:1px solid #e7edf7;border-radius:18px;color:#364766}.refined-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.refined-filters .btn{min-height:46px}.polished-table table{background:#fff;border-radius:18px;overflow:hidden}.polished-table th{background:#f8faff;color:#546784}.polished-table td,.polished-table th{padding:1rem .8rem;vertical-align:top}.nowrap{white-space:nowrap}.compact-actions{gap:.45rem}.compact-actions form{margin:0}.empty-clean{display:grid;gap:.7rem;place-items:start;background:linear-gradient(145deg,#fff,#f9fbff);border:1px dashed #d7deef;border-radius:24px;padding:1.6rem;color:#617390}
.dashboard-banner-card,.promo-banner-card,.work-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.2rem;border-radius:24px;background:linear-gradient(140deg,#ffffff,#f5f8ff);border:1px solid #e2e8f4;box-shadow:0 15px 42px rgba(42,62,118,.07);transition:transform .22s ease,box-shadow .22s ease}
.dashboard-banner-card span:first-child,.promo-banner-card>span:first-child{font-size:2rem;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#eef0ff,#ebfaff);flex-shrink:0}.dashboard-banner-card strong,.promo-banner-card strong{display:block;color:#16274b;margin-bottom:.2rem}.dashboard-banner-card p,.promo-banner-card p{margin:0;color:#667793}.dashboard-banner-card.secondary,.promo-banner-card.secondary{background:linear-gradient(140deg,#fff8fb,#f7fbff)}.dashboard-banner-card.staff{background:linear-gradient(130deg,#eef6ff,#f7f8ff)}
.metric-value-row{display:flex;align-items:flex-end;gap:.2rem}.metric-card-clean strong{font-size:1.8rem;color:#172a4e}.metric-suffix{font-weight:800;color:#526584;margin-bottom:.2rem}
.launch-offers{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.offer-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1rem;border-radius:999px;background:#fff;border:1px solid #e6ebf4;color:#51627e;font-weight:800;box-shadow:0 10px 25px rgba(44,62,112,.05)}.colorful-shadow{box-shadow:0 28px 80px rgba(70,86,173,.18)}
.promo-banner-card{padding:1.35rem 1.45rem}.colorful-banner{background:linear-gradient(135deg,#fff,#f5f8ff 55%,#f8f2ff)}
.work-card{flex-direction:column;align-items:stretch}.work-card-head,.work-meta-row,.work-cta-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.work-emoji{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#eef0ff,#edfbff);font-size:1.7rem}.work-card h3{margin:.2rem 0;color:#162748}.work-card p{margin:0;color:#63748f;min-height:56px}.work-meta-row{padding-top:.7rem;border-top:1px solid #e8edf6;color:#566985;font-size:.88rem}
.quiz-summary-card{align-items:flex-start;flex-wrap:wrap}.quiz-summary-badges{display:grid;gap:.7rem}.quiz-summary-badges span{display:block;padding:.8rem 1rem;border-radius:16px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.45);color:#ecf5ff;font-weight:700}.quiz-summary-card p{color:#edf5ff}
.quiz-question{border-radius:24px;background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e4e9f2;box-shadow:0 14px 40px rgba(42,58,108,.06)}.quiz-question.correct{border-color:#b8ead6;background:linear-gradient(145deg,#fff,#f5fff9)}.quiz-question.wrong{border-color:#f2c4cb;background:linear-gradient(145deg,#fff,#fff7f8)}.quiz-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.quiz-body-note{padding:1rem;border-radius:18px;background:#f7f9ff;border:1px solid #e8edf7;color:#556986}.quiz-options-stack{display:grid;gap:.8rem;margin-top:1rem}.quiz-option{display:flex;align-items:center;gap:.85rem;padding:1rem 1rem;border-radius:18px;background:#f8faff;border:1px solid #e6ebf5;color:#243455;font-weight:700}.quiz-option span{flex:1}.review-option{justify-content:space-between}.review-option b{font-size:.82rem;color:#667893}.answer-correct{background:#f1fff7!important;border-color:#bcebd6!important}.answer-correct b{color:#0f8a62}.answer-wrong{background:#fff3f4!important;border-color:#f0c0c9!important}.answer-wrong b{color:#b6475e}.review-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1rem}.review-answer-box{padding:1rem;border-radius:18px;border:1px solid #e8edf6}.review-answer-box small{display:block;color:#71829c;font-weight:800;margin-bottom:.5rem}.user-answer-box{background:#f8faff}.correct-answer-box{background:#f3fff8;border-color:#c6eedc}.quiz-result-row{display:grid;gap:.9rem;margin-top:1rem}.quiz-feedback-note{padding:.9rem 1rem;border-radius:18px;background:#fff;border:1px solid #ebeef4;color:#556986}
.report-hero-pills{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}.report-panels .panel{border-radius:26px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.progress-row{display:grid;gap:.45rem;min-width:180px}.animated-chart .bar{transform-box:fill-box;transform-origin:bottom center;animation:chartGrow .75s ease forwards;transform:scaleY(.08)}@keyframes chartGrow{to{transform:scaleY(1)}}
.chart text{fill:#6b7a95;font-weight:700}.chart .gridline{stroke:#dde5f3}.chart .bar{fill:#5b5ce2;}
.topnav a{font-weight:700}.sidebar .nav-item{color:#596b87}.sidebar .nav-item.active{box-shadow:0 10px 25px rgba(79,70,229,.08)}
.hero-image-wrap img,.feature-image img{border-radius:28px}
@media (max-width:1200px){.admin-cards-grid,.admin-overview-grid,.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-quick-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.refined-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.entity-banner,.report-hero,.dashboard-banner-card,.promo-banner-card{flex-direction:column;align-items:flex-start}.admin-cards-grid,.admin-overview-grid,.report-kpi-grid,.dashboard-banner-strip,.promo-banner-strip,.admin-quick-strip,.review-answer-grid{grid-template-columns:1fr}.refined-filters{grid-template-columns:1fr}.quiz-head-row{flex-direction:column}.brand strong{font-size:1rem!important;max-width:15rem!important}.dashboard-hero h2,.hero-copy h1{font-size:clamp(1.6rem,7vw,2.2rem)!important}.work-card p{min-height:0}}