/* Kayo Consulting Group: shared typography and Tailwind v4 blue/slate palette.
   Source: https://kayoconsultinggroup.com/ (October 25, 2026). */
:root{--brand-blue:oklch(54.6% .245 262.881);--brand-blue-hover:oklch(62.3% .214 259.815);--brand-sky:oklch(70.7% .165 254.624);--brand-ice:oklch(80.9% .105 251.813);--canvas:oklch(12.9% .042 264.695);--surface:oklch(20.8% .042 265.755);--line:oklch(27.9% .041 260.031);--muted:oklch(70.4% .04 256.788);font-family:'Plus Jakarta Sans',sans-serif;color:#f1f5f9;background:var(--canvas);color-scheme:dark}
body{background:var(--canvas)}::selection{background:var(--brand-blue);color:white}h1,h2,h3,.logo,.stat strong,.hero h2{font-family:'Plus Jakarta Sans',sans-serif}h1,h2,h3,h4{color:#f8fafc}p{color:var(--muted)}a{color:var(--brand-ice)}a:hover{color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand-sky);outline-offset:4px}button:disabled{opacity:.6;cursor:wait}
aside{background:var(--canvas);border-color:var(--line)}.logo{gap:10px;font-size:16px;letter-spacing:-.5px;align-items:center}.brand-link{display:flex;gap:10px;align-items:center;text-decoration:none;color:white}.brand-name{line-height:1.3}.brand-name strong{font-size:19px;font-weight:800}.brand-name small{display:block;font-size:10px;letter-spacing:.1px;font-weight:500;color:#cbd5e1}.mark{background:var(--brand-blue);border-radius:8px;font-size:18px;font-weight:800;box-shadow:0 4px 20px #1447e633;flex-shrink:0}.workspace{background:var(--surface);border-color:var(--line);color:#e2e8f0}.eyebrow{color:var(--muted)}.nav button{color:var(--muted)}.nav button:hover{background:#0f172b;color:#e2e8f0}.nav button.active{background:#1447e626;color:var(--brand-ice);box-shadow:inset 3px 0 var(--brand-blue)}.demo{background:#16245666;border-color:#1c398e;color:var(--brand-ice)}.profile{border-color:var(--line);color:#e2e8f0}.profile small{color:var(--muted)}.avatar{background:#1c398e66;color:#bedbff}.topbar{background:#020618ed;border-color:var(--line);backdrop-filter:blur(12px)}.topbar span{color:var(--muted)}.topbar b{color:#e2e8f0}.pill,.secondary{border-color:#314158;background:var(--surface);color:#e2e8f0}.pill:hover,.secondary:hover{border-color:var(--brand-sky);background:#16245666}.primary{background:var(--brand-blue);color:white;box-shadow:0 6px 20px #1447e626;transition:background .2s,transform .2s}.primary:hover{background:var(--brand-blue-hover);transform:translateY(-1px)}.heading p{color:var(--muted)}
.hero{background:radial-gradient(ellipse at 90% 55%,#1c398e88,transparent 58%),linear-gradient(115deg,#0f172b,#020618);border-color:#1d3980;min-height:230px}.hero h2{font-size:32px;font-weight:800;letter-spacing:-1.1px;color:#dbeafe;background:linear-gradient(100deg,#51a2ff,#bedbff 65%,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#b8cce8;max-width:430px}.hero .eyebrow{color:var(--brand-ice);font-size:9px;letter-spacing:1.8px}.book{background:#1447e6;border-color:#193cb8;box-shadow:10px 12px 30px #0004}.book:after{content:'THOUGHT\A & IDENTITY';font-family:'Plus Jakarta Sans';font-size:17px;color:#dbeafe}.book.two{background:#bedbff;border-color:#8ec5ff}.book.two:after{content:'↗';color:#1447e6;font-size:65px;top:15px}.orbit{border-color:#51a2ff55}.spark{color:#51a2ff}.stat{background:var(--surface);border-color:var(--line)}.stat strong{color:#f8fafc}.stat small{color:var(--muted)}.stat-icon{background:#1447e626;color:var(--brand-sky)}.text-btn{color:var(--brand-ice)}.text-btn:hover{color:white}.muted{color:var(--muted)}
.course{background:var(--surface);border-color:var(--line)}.course:hover{border-color:#3b65b2;box-shadow:0 10px 30px #0003}.course-cover{background:linear-gradient(120deg,#162456,#1c398e);color:#bedbff}.course:nth-child(2n) .course-cover{background:linear-gradient(120deg,#172554,#193cb8);color:#8ec5ff}.course:nth-child(3n) .course-cover{background:linear-gradient(120deg,#0f172b,#1d3980);color:#bedbff}.course:nth-child(4n) .course-cover{background:linear-gradient(120deg,#1c398e,#1447e6);color:#dbeafe}.course-cover .symbol{opacity:.7}.course-body p{color:var(--muted)}.course-footer{border-color:var(--line);color:var(--muted)}.badge,.status{background:#1447e626;color:#bedbff}.panel{background:var(--surface);border-color:var(--line)}.due{border-color:var(--line)}.date{background:#16245699;color:#bedbff}.due p{color:var(--muted)}.note{background:linear-gradient(140deg,#16245699,#0f172b);border-color:#1c398e}.note .flower{color:var(--brand-sky)}.note p{color:#a8bad6}.row{background:var(--surface);border-color:var(--line)}.row small{color:var(--muted)}.search,input,textarea,select{background:var(--canvas);border-color:#314158;color:#e2e8f0}input::placeholder,textarea::placeholder{color:#8b9db7}.empty{background:var(--surface);border-color:#314158;color:var(--muted)}.tabs{border-color:var(--line)}.tabs button{color:var(--muted)}.tabs button.active{border-color:var(--brand-blue);color:var(--brand-ice)}dialog{background:var(--surface);border-color:#314158;color:#e2e8f0;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020618cc;backdrop-filter:blur(8px)}.prose{color:#cbd5e1}.auth-footer{color:var(--muted)}.error{color:#fda4af}.grade{color:#93c5fd}.banner{background:#16245699;border-color:#1c398e;color:#bedbff}#toast{background:#1447e6;color:white;box-shadow:0 8px 30px #0005}.portal-label{font-size:10px;color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;margin-top:14px}.brand-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:11px;color:var(--muted)}.brand-footer a{text-decoration:none;color:var(--brand-ice)}
@media(max-width:700px){aside{border-color:var(--line)}.logo{font-size:16px}.portal-label{margin-top:10px}.hero h2{font-size:27px}.hero{min-height:220px}.brand-footer{align-items:flex-start;flex-direction:column}.hero .eyebrow{max-width:210px;line-height:1.8}}