:root{--bg:#020c0f;--bg2:#041b1d;--panel:rgba(7,32,34,.84);--panel2:hsla(0,0%,100%,.065);--line:rgba(104,255,238,.16);--line2:hsla(0,0%,100%,.12);--text:#fff7e8;--muted:#c6d5ce;--dim:#85a19c;--teal:#16f4e8;--green:#4ff797;--gold:#ffc548;--orange:#ff8a00;--rose:#ff4f9a;--blue:#339dff;--purple:#8f5dff;--shadow:0 22px 70px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 8% 10%,rgba(0,255,210,.16),transparent 24rem),radial-gradient(circle at 85% 0,rgba(255,174,0,.12),transparent 25rem),linear-gradient(145deg,#020608,#031b18 58%,#111909);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.slAdminShell{min-height:100vh;display:grid;grid-template-columns:276px minmax(0,1fr)}.slSidebar{position:-webkit-sticky;position:sticky;top:0;min-height:100vh;padding:18px;background:linear-gradient(180deg,rgba(2,22,24,.98),rgba(3,20,22,.92));border-right:1px solid var(--line);box-shadow:var(--shadow);overflow:auto}.slLogoStack{display:flex;align-items:center;gap:14px;padding:6px 4px 22px;border-bottom:1px solid var(--line2)}.slLogoStack img{width:112px;height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}.slLogoStack strong{font-size:18px;display:block}.slLogoStack span{color:var(--gold);font-weight:800;font-size:13px}.slNav{display:grid;grid-gap:8px;gap:8px;padding:18px 0}.slNav button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:18px;padding:14px 15px;color:#e9fff7;background:transparent;text-align:left;cursor:pointer;font-weight:800;transition:.2s ease}.slNav button span{width:26px;text-align:center}.slNav button.active,.slNav button:hover{background:linear-gradient(135deg,rgba(0,246,232,.88),rgba(0,117,110,.56));box-shadow:0 12px 34px rgba(0,246,232,.19),inset 0 0 0 1px hsla(0,0%,100%,.15)}.slSidebarCard{margin-top:auto;border-radius:24px;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(255,202,72,.35),transparent 42%),linear-gradient(160deg,rgba(0,255,224,.1),rgba(255,142,0,.13));border:1px solid var(--line);min-height:210px;overflow:hidden}.slSidebarCard img{width:105px;display:block;margin-bottom:12px}.slSidebarCard strong{font-size:21px;display:block;line-height:1.05}.slSidebarCard p{color:var(--muted);font-weight:700}.slAdminMain{min-width:0;padding:0 18px 42px}.slTopbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:260px minmax(260px,620px) 1fr;align-items:center;grid-gap:24px;gap:24px;height:86px;background:linear-gradient(90deg,rgba(0,14,17,.96),rgba(0,28,31,.84));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:0 20px}.slTopBrand{display:flex;align-items:center;gap:12px}.slMark{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,var(--teal),#19a982);color:#052121;font-weight:1000}.slTopBrand strong{font-size:22px}.slTopBrand small{display:block;color:var(--gold);font-weight:900}.slSearch{height:52px;border-radius:18px;background:hsla(0,0%,100%,.065);border:1px solid var(--line2);display:flex;align-items:center;gap:12px;padding:0 14px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02)}.slSearch input{flex:1 1;background:transparent;border:0;outline:0;color:var(--text)}.slSearch kbd{font-size:12px;color:#d9e5df;background:rgba(0,0,0,.3);border:1px solid var(--line2);border-radius:9px;padding:4px 8px}.slTopActions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.avatarButton,.notification{border:1px solid var(--line2);background:hsla(0,0%,100%,.06);color:var(--text);border-radius:18px;min-height:50px;padding:0 14px;cursor:pointer}.notification{position:relative;width:54px}.notification b{position:absolute;right:6px;top:4px;background:#ff3f5a;border-radius:99px;font-size:11px;padding:2px 6px}.avatarButton{display:flex;gap:10px;align-items:center}.avatarButton span{display:grid;place-items:center;width:38px;height:38px;border-radius:99px;background:linear-gradient(135deg,#19f3ea,#52e68e);color:#06302d;font-weight:1000}.avatarButton small{display:block;color:#cbd8d1}.slHeroBanner{position:relative;overflow:hidden;margin:22px 0 12px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(2,19,21,.95),rgba(0,55,58,.65)),radial-gradient(circle at 72% 0,rgba(255,166,0,.26),transparent 26rem);padding:28px 34px;display:grid;grid-template-columns:minmax(260px,1fr) 360px auto;grid-gap:28px;gap:28px;align-items:center;box-shadow:var(--shadow)}.slHeroBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 34%,rgba(255,181,46,.1) 35%,transparent 52%),radial-gradient(circle at 73% 42%,rgba(0,255,232,.18),transparent 18rem);opacity:.78;pointer-events:none}.slHeroBanner>*{position:relative}.slHeroBanner h1{font-size:35px;line-height:1.03;margin:0 0 6px}.slHeroBanner p{margin:0;color:#dcece6;font-size:17px}.slHeroBanner blockquote{margin:0;color:#e8d8a7;font-style:italic;font-weight:800}.slHeroBanner blockquote span{display:block;color:#b8c2bd;margin-top:6px}.dateChip{justify-self:end;background:rgba(0,0,0,.28);border:1px solid var(--line2);border-radius:17px;padding:13px 16px;font-weight:900}.slLoginPanel,.slPanel,.slStatus{border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.slLoginPanel{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:26px;gap:26px;padding:30px;margin-top:18px}.slLoginPanel h2{font-size:32px;margin:0 0 8px}.slLoginPanel form{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:14px;gap:14px;align-items:end}.slLoginPanel label{display:grid;grid-gap:8px;gap:8px;color:#e7dcb5;font-weight:900}.createUserForm input,.slLoginPanel input,.tableToolbar input,.tableToolbar select,select{height:46px;border-radius:14px;border:1px solid var(--line2);background:rgba(0,0,0,.28);color:var(--text);padding:0 14px;outline:0}.slEyebrow{color:var(--teal);font-weight:1000;text-transform:uppercase;letter-spacing:.22em}.slStatus{padding:14px 18px;margin:14px 0;color:#d7ffed;background:rgba(34,141,87,.18);border-color:rgba(91,255,155,.26);font-weight:800}.rowActions button,.slDanger,.slGhost,.slPrimary{border:0;border-radius:14px;padding:12px 16px;font-weight:1000;cursor:pointer;color:#061b18}.slPrimary{background:linear-gradient(135deg,var(--teal),#5bf28e);box-shadow:0 12px 28px rgba(0,255,218,.18)}.rowActions button,.slGhost{background:hsla(0,0%,100%,.08);border:1px solid var(--line2);color:var(--text)}.slDanger{background:#ff4b66;color:#fff}.kpiGrid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-top:14px}.kpiCard{min-height:108px;border-radius:20px;border:1px solid rgba(0,255,232,.25);background:linear-gradient(135deg,rgba(0,241,227,.15),rgba(5,38,50,.75));padding:18px;display:flex;gap:15px;align-items:center}.kpiCard>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,var(--teal),#167d77);font-size:24px}.kpiCard.gold{border-color:rgba(255,197,72,.3);background:linear-gradient(135deg,rgba(255,197,72,.18),rgba(50,34,5,.64))}.kpiCard.gold>span{background:linear-gradient(135deg,var(--gold),var(--orange))}.kpiCard.warn{border-color:rgba(143,93,255,.38);background:linear-gradient(135deg,rgba(143,93,255,.2),rgba(24,12,68,.72))}.kpiCard.rose{border-color:rgba(255,79,154,.35);background:linear-gradient(135deg,rgba(255,79,154,.2),rgba(66,13,45,.7))}.kpiCard.green{border-color:rgba(79,247,151,.35);background:linear-gradient(135deg,rgba(79,247,151,.2),rgba(5,53,30,.7))}.kpiCard.blue{border-color:rgba(51,157,255,.35);background:linear-gradient(135deg,rgba(51,157,255,.2),rgba(10,31,79,.7))}.kpiCard small{display:block;color:#d3e2dc}.kpiCard strong{display:block;font-size:27px;line-height:1.1}.kpiCard em{font-style:normal;color:var(--green);font-weight:900;font-size:13px}.slTwoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.slTwoCol.wideLeft{grid-template-columns:1.1fr 1.3fr}.slThreeCol{display:grid;grid-template-columns:1fr 1.05fr .95fr;grid-gap:16px;gap:16px;margin-top:16px}.slPanel{padding:18px;min-width:0}.panelHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.panelHead h2{display:flex;align-items:center;gap:10px;margin:0;font-size:21px}.panelHead p{margin:5px 0 0;color:var(--muted)}.quickGrid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.quickButton{min-height:116px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(0,251,228,.11),hsla(0,0%,100%,.05));color:var(--text);display:grid;place-items:center;grid-gap:4px;gap:4px;cursor:pointer}.quickButton span{font-size:28px}.quickButton strong{font-size:15px}.quickButton small{color:var(--muted);font-weight:800}.reportGrid,.settingsGrid,.syncGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.metricLine{border-radius:18px;border:1px solid var(--line2);background:rgba(0,0,0,.2);padding:16px}.metricLine small,.metricLine span{display:block;color:var(--muted)}.metricLine strong{display:block;font-size:24px;color:#fff8e9}.syncStatus{display:flex;align-items:center;gap:8px;border-radius:18px;background:rgba(75,255,150,.11);border:1px solid rgba(75,255,150,.25);padding:16px;font-weight:1000;color:var(--green)}.syncStatus span{width:10px;height:10px;background:var(--green);border-radius:99px;box-shadow:0 0 14px var(--green)}.syncStatus.big{font-size:20px}.activityList,.courseRows,.miniList,.summaryRows{display:grid;grid-gap:10px;gap:10px}.activityList>div,.courseRows>div,.miniList>div{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line2);background:hsla(0,0%,100%,.045);border-radius:16px;padding:12px}.person{display:flex;align-items:center;gap:10px}.person>span{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--gold));color:#051716;font-weight:1000}.activityList small,.person small,td small{display:block;color:var(--muted);font-size:12px}.activityList em{font-style:normal;color:var(--dim);font-size:12px}.createUserForm,.tableToolbar{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.tableToolbar input{flex:1 1;min-width:240px}.createUserForm input{min-width:190px;flex:1 1}.slTableWrap{overflow:auto;border-radius:18px;border:1px solid var(--line2)}table{width:100%;border-collapse:collapse;min-width:780px}td,th{text-align:left;padding:13px 14px;border-bottom:1px solid hsla(0,0%,100%,.08);vertical-align:middle}th{color:#ecdca8;background:hsla(0,0%,100%,.055);font-size:12px;text-transform:uppercase;letter-spacing:.07em}td{color:#f7f1df}tr:hover td{background:rgba(0,255,232,.04)}.roleBadges{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000;background:hsla(0,0%,100%,.09);color:#fff;margin:2px}.pill.green,.pill.learner{background:rgba(67,223,132,.18);color:#6cffaa}.pill.gold,.pill.teacher{background:rgba(255,197,72,.18);color:#ffd76d}.pill.admin,.pill.purple{background:rgba(143,93,255,.18);color:#cdb8ff}.pill.blue,.pill.interpreter,.pill.translator{background:rgba(51,157,255,.18);color:#8cc8ff}.pill.support{background:rgba(0,255,232,.16);color:#78fff0}.rowActions{display:flex;gap:6px;flex-wrap:wrap}.rowActions .approve{background:rgba(67,223,132,.18);color:#72ffad}.courseCards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.courseCards article{border:1px solid var(--line2);border-radius:20px;background:hsla(0,0%,100%,.055);overflow:hidden;padding:12px}.courseThumb{height:110px;border-radius:15px;background:linear-gradient(135deg,#15e8dc,#ffba2b)}.courseThumb.tone1{background:linear-gradient(135deg,#ffba2b,#00342f)}.courseThumb.tone2{background:linear-gradient(135deg,#8f5dff,#16f4e8)}.courseThumb.tone3{background:linear-gradient(135deg,#ff4f9a,#ffc548)}.courseCards h3{margin:12px 0 6px}.courseCards p{color:var(--muted);min-height:54px}.courseCards div:last-child{display:flex;justify-content:space-between}.paymentsGrid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:16px;gap:16px}.money{display:block;font-size:42px}.miniBars{height:160px;display:flex;gap:8px;align-items:end;padding:16px;border:1px solid var(--line2);border-radius:18px;background:rgba(0,0,0,.2)}.miniBars i{flex:1 1;background:linear-gradient(180deg,var(--teal),var(--gold));border-radius:9px 9px 2px 2px}.wpSyncHero{display:grid;grid-template-columns:1fr 220px;grid-gap:18px;gap:18px;align-items:center;margin-bottom:16px}.muted{color:var(--muted)!important}.quickButton:hover,.rowActions button:hover,.slGhost:hover,.slPrimary:hover{transform:translateY(-1px);filter:brightness(1.06)}@media(max-width:1280px){.slAdminShell{grid-template-columns:88px 1fr}.slLogoStack div,.slNav button,.slSidebarCard{font-size:0}.slLogoStack img{width:60px}.slNav button span{font-size:20px}.slTopbar{grid-template-columns:220px 1fr auto}.kpiGrid{grid-template-columns:repeat(3,1fr)}.slThreeCol,.slTwoCol,.slTwoCol.wideLeft{grid-template-columns:1fr}.quickGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.slAdminShell{display:block}.slSidebar{position:relative;min-height:0}.slTopbar{grid-template-columns:1fr}.slSearch,.slTopActions{display:none}.courseCards,.kpiGrid,.paymentsGrid,.quickGrid,.reportGrid,.settingsGrid,.slHeroBanner,.slLoginPanel,.slLoginPanel form,.syncGrid,.wpSyncHero{grid-template-columns:1fr}}body:has(.slAdminShell)>.appPublicHeader{display:none}.shell{width:min(1500px,calc(100% - 38px));margin-inline:auto}.header{min-height:82px;justify-content:space-between;gap:22px;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:linear-gradient(90deg,rgba(2,9,12,.82),rgba(3,26,28,.7));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,244,232,.14)}.brand,.brandWithLogo,.header{display:flex;align-items:center}.brand,.brandWithLogo{gap:14px;font-weight:900}.brandWithLogo img{height:56px;width:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45))}.brand strong{display:block;font-size:21px}.brand small{display:block;color:#ffc548;font-weight:900}.header nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.header nav a{padding:11px 13px;border-radius:999px;color:#eefbf6;font-weight:800}.header nav a:hover{background:hsla(0,0%,100%,.08)}.headerActions{display:flex;gap:10px}.ghostLink,.solidLink{border-radius:999px;font-weight:900;padding:11px 16px;border:1px solid hsla(0,0%,100%,.18)}.signInButton,.solidLink{background:linear-gradient(135deg,#16f4e8,#51f38e);color:#04201d}.appLanding{min-height:calc(100vh - 82px);padding:24px 0 60px;background:radial-gradient(circle at 10% 10%,rgba(22,244,232,.15),transparent 28rem),radial-gradient(circle at 90% 0,rgba(255,197,72,.13),transparent 28rem),linear-gradient(135deg,#020506,#031a16 60%,#1b1508)}.landingCanvas{position:relative;border:1px solid rgba(22,244,232,.18);border-radius:34px;overflow:hidden;padding:70px 54px 0;min-height:720px;background:linear-gradient(90deg,rgba(2,7,9,.88),rgba(5,32,31,.55)),radial-gradient(circle at 67% 42%,rgba(255,197,72,.28),transparent 18rem),linear-gradient(135deg,rgba(17,244,232,.13),rgba(0,0,0,.2));box-shadow:0 40px 100px rgba(0,0,0,.45)}.landingCanvas:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.42) 0 46%,rgba(255,182,58,.16) 47%,rgba(4,36,34,.25) 70%),radial-gradient(circle at 62% 48%,rgba(255,143,0,.25),transparent 13rem);pointer-events:none}.landingCanvas:after{content:"Karibu\A Tanzania";white-space:pre;position:absolute;right:38%;top:170px;color:rgba(255,247,232,.78);font-size:40px;line-height:.9;font-family:cursive;transform:rotate(-7deg)}.landingGrid,.landingStats,.landingTopline{position:relative}.landingTopline{letter-spacing:.5em;text-transform:uppercase;font-weight:1000;color:#d3c797;margin-bottom:22px}.landingGrid{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(360px,430px);grid-gap:42px;gap:42px;align-items:center}.landingCopy h1{font-size:clamp(48px,5.6vw,86px);line-height:.94;margin:0 0 22px;color:#fff8ea;letter-spacing:-.055em;text-shadow:0 18px 55px rgba(0,0,0,.45)}.landingCopy h1:first-line{color:#fff}.landingCopy p{font-size:21px;line-height:1.45;max-width:760px;color:#eff6ee}.landingActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.ctaGhost,.ctaGold{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:17px 25px;font-weight:1000;min-height:56px}.ctaGold{background:linear-gradient(135deg,#ffc548,#ff8a00);color:#130f05}.ctaGhost{border:1px solid hsla(0,0%,100%,.4);color:#fff;background:rgba(0,0,0,.22)}.roleAccessCard{border:1px solid hsla(0,0%,100%,.18);border-radius:30px;padding:24px;background:linear-gradient(180deg,rgba(3,18,19,.92),rgba(1,8,9,.84));box-shadow:0 34px 90px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.roleTabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);padding:7px;border-radius:21px;margin-bottom:20px}.roleTabs a{display:grid;place-items:center;grid-gap:5px;gap:5px;border-radius:16px;padding:13px 7px;font-weight:900;color:#d9eee8}.roleTabs a.active{background:linear-gradient(135deg,#13f5e7,#54f18c);color:#051c19}.roleTabs span{font-size:21px}.roleAccessCard h2{font-size:32px;margin:0 0 5px}.roleAccessCard p{margin:0 0 16px;color:#c8d8d2}.accessForm{display:grid;grid-gap:12px;gap:12px}.accessForm label{display:flex;align-items:center;gap:12px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);border-radius:16px;padding:0 12px;height:54px}.accessForm input{width:100%;border:0;outline:0;background:transparent;color:#fff}.rememberRow{display:flex;justify-content:space-between;gap:14px;color:#d5e3de;font-size:14px}.createLine a,.rememberRow a{color:#16f4e8;font-weight:900}.signInButton{display:flex;justify-content:center;border-radius:15px;padding:15px;font-weight:1000}.ssoRow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:16px 0}.ssoRow span{text-align:center;border-radius:14px;border:1px solid hsla(0,0%,100%,.14);padding:12px 8px;color:#edf8f4;background:hsla(0,0%,100%,.04);font-weight:800}.createLine{text-align:center!important;font-size:14px}.landingStats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;margin:58px -54px 0;padding:22px 44px;background:linear-gradient(90deg,rgba(7,86,78,.82),rgba(2,24,24,.75));border-top:1px solid rgba(22,244,232,.2);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.landingStats div{display:flex;align-items:center;gap:13px;justify-content:center;border-right:1px solid hsla(0,0%,100%,.12)}.landingStats div:last-child{border-right:0}.landingStats span{font-size:27px}.landingStats strong{font-size:25px}.landingStats small{color:#c9dad5;font-weight:800}.appModuleGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:22px}.appModuleCard{position:relative;min-height:190px;border-radius:26px;padding:24px;overflow:hidden;background:linear-gradient(140deg,rgba(7,45,45,.84),rgba(8,12,13,.92));border:1px solid rgba(22,244,232,.17);box-shadow:0 20px 52px rgba(0,0,0,.32)}.appModuleCard:after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:radial-gradient(circle at 75% 120%,rgba(255,197,72,.18),transparent 13rem);pointer-events:none}.appModuleCard span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#16f4e8,#0b756f);font-size:25px;margin-bottom:18px}.appModuleCard h3{font-size:21px;margin:0 0 8px}.appModuleCard p{color:#d5e2dd;line-height:1.4}.appModuleCard b{position:absolute;right:22px;bottom:20px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:hsla(0,0%,100%,.1)}.portalPromise{margin-top:22px;border:1px solid rgba(22,244,232,.17);border-radius:28px;padding:26px;background:linear-gradient(135deg,rgba(4,32,32,.86),rgba(0,0,0,.4))}.portalPromise h2{font-size:31px;max-width:800px;margin:4px 0 22px}.portalTriptych{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.portalTriptych article{border:1px solid hsla(0,0%,100%,.12);border-radius:22px;padding:20px;background:hsla(0,0%,100%,.05)}.portalTriptych strong{display:block;font-size:19px;color:#ffc548;margin-bottom:8px}.portalTriptych span{color:#d2e3dd}.portalPage{padding:30px 0 60px}.portalHero{display:grid;grid-template-columns:1fr 370px;grid-gap:28px;gap:28px;align-items:center;border:1px solid rgba(22,244,232,.18);border-radius:30px;padding:34px;background:linear-gradient(135deg,rgba(4,35,35,.9),rgba(0,0,0,.35));box-shadow:0 28px 70px rgba(0,0,0,.34)}.portalHero h1{font-size:clamp(38px,5vw,68px);line-height:.96;margin:8px 0 14px}.portalHero p{font-size:19px;line-height:1.45;color:#dce9e4;max-width:900px}.portalSummaryCard{border-radius:26px;padding:24px;background:linear-gradient(140deg,rgba(255,197,72,.16),rgba(22,244,232,.1));border:1px solid hsla(0,0%,100%,.14)}.portalSummaryCard strong{display:block;font-size:27px;color:#ffc548;margin-bottom:10px}.portalSummaryCard span{color:#e8f4ef;line-height:1.5}.toolGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:22px}.toolCard{border:1px solid rgba(22,244,232,.17);border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(7,37,39,.85),hsla(0,0%,100%,.045));box-shadow:0 18px 45px rgba(0,0,0,.26)}.toolCard span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#16f4e8,#ffc548);font-size:27px;color:#05201d}.toolCard h3{font-size:22px;margin:18px 0 8px}.toolCard p{color:#d4e3dd;line-height:1.5}.toolCard b{display:inline-block;margin-top:8px;color:#16f4e8}.workspaceGrid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px;margin-top:22px}.workspaceGrid.twoColumns{grid-template-columns:1fr 1fr}.workspacePanel{border:1px solid rgba(22,244,232,.17);border-radius:24px;padding:24px;background:rgba(5,27,29,.86);box-shadow:0 18px 45px rgba(0,0,0,.24)}.workspacePanel h2{font-size:25px;margin:0 0 14px}.sessionTimeline{display:grid;grid-gap:12px;gap:12px}.sessionTimeline div,.teacherBoard div{border:1px solid hsla(0,0%,100%,.11);border-radius:18px;padding:15px;background:hsla(0,0%,100%,.045)}.sessionTimeline span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#ffc548;font-weight:1000}.sessionTimeline strong,.teacherBoard strong{display:block;margin:4px 0;color:#fff8e9}.sessionTimeline p,.teacherBoard em,.teacherBoard span{color:#cbded8}.phraseCards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.phraseCards div{border:1px solid hsla(0,0%,100%,.12);border-radius:18px;padding:16px;background:hsla(0,0%,100%,.055)}.phraseCards strong{display:block;color:#16f4e8;font-size:20px}.phraseCards span{color:#d9e8e2}.answerStack{display:grid;grid-gap:10px;gap:10px}.answerStack button{border-radius:14px;border:1px solid hsla(0,0%,100%,.14);padding:14px;background:hsla(0,0%,100%,.06);color:#fff;text-align:left;font-weight:900}.checkList{display:grid;grid-gap:9px;gap:9px;padding-left:20px;color:#d8e8e2}.teacherBoard{display:grid;grid-gap:12px;gap:12px}.teacherBoard em{display:block;font-style:normal;color:#ffc548;margin-top:5px}.learnerHero{background:linear-gradient(135deg,rgba(0,83,76,.88),rgba(0,0,0,.45)),radial-gradient(circle at 90% 10%,rgba(255,197,72,.24),transparent 18rem)}.teacherHero{background:linear-gradient(135deg,rgba(35,9,67,.76),rgba(1,21,22,.82)),radial-gradient(circle at 90% 0,rgba(22,244,232,.18),transparent 19rem)}@media(max-width:1180px){.header{flex-wrap:wrap}.landingGrid,.portalHero,.workspaceGrid,.workspaceGrid.twoColumns{grid-template-columns:1fr}.appModuleGrid,.landingStats,.toolGrid{grid-template-columns:repeat(2,1fr)}.landingStats{gap:12px}.landingStats div{border-right:0}.portalTriptych{grid-template-columns:1fr}.landingCanvas{padding:42px 28px 0}.landingStats{margin-left:-28px;margin-right:-28px}.landingCanvas:after{display:none}}@media(max-width:720px){.header nav,.headerActions{display:none}.brandWithLogo img{height:44px}.landingCopy h1{font-size:43px}.landingCanvas{min-height:0}.appModuleGrid,.landingStats,.phraseCards,.roleTabs,.ssoRow,.toolGrid{grid-template-columns:1fr}.portalHero h1{font-size:40px}}.secureGate{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,rgba(0,0,0,.72),rgba(1,35,34,.78)),url(/brand/swahili-lab-logo.png) left 5% top 5%/180px auto no-repeat,radial-gradient(circle at 15% 15%,rgba(0,229,216,.2),transparent 32%),radial-gradient(circle at 85% 25%,rgba(255,188,37,.22),transparent 30%),#010806}.secureCard{width:min(560px,100%);padding:32px;border:1px solid rgba(0,229,216,.24);border-radius:28px;background:linear-gradient(145deg,rgba(7,24,22,.94),rgba(4,11,10,.94));box-shadow:0 28px 90px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08);color:#fff}.secureCard>img{width:168px;height:auto;display:block;margin-bottom:16px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.secureCard h1{font-size:clamp(2rem,4vw,3.25rem);line-height:.98;margin:8px 0 12px;color:#fff}.secureCard p{color:hsla(0,0%,100%,.78);line-height:1.6}.secureForm{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.secureForm label{display:grid;grid-gap:7px;gap:7px;color:hsla(0,0%,100%,.82);font-weight:800}.secureForm input{width:100%;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.07);color:#fff;border-radius:16px;padding:14px 15px;font:inherit;outline:none}.secureForm input:focus{border-color:#00e5d8;box-shadow:0 0 0 4px rgba(0,229,216,.12)}.secureMessage{margin-top:14px;color:#ffd36a!important;font-weight:800}.secureMessage.compact{font-size:.9rem;margin:10px 0 0}.secureFootnote{font-size:.88rem;border-top:1px solid hsla(0,0%,100%,.1);padding-top:14px;margin-top:16px}.roleTabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit}.roleTabs button.active{background:linear-gradient(135deg,#00e5d8,#23d3a2);color:#001412}.signInButton{border:0;cursor:pointer}.ctaGold:disabled,.signInButton:disabled{opacity:.65;cursor:not-allowed}