/* asikru visual system: graphite, electric violet, pale lime, and clear reading surfaces. */
:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--purple:#7151e8;--purple-dark:#5b3dcc;--ink:#252331;--muted:#797685;--bg:#f7f7fb;--line:#e9e7ef}
body{background-image:radial-gradient(ellipse at 85% 0,#eeeafa70,transparent 45%);background-attachment:fixed}
h1{font-weight:800;letter-spacing:-1.25px}h2{font-weight:750}h3{font-weight:700}.eyebrow{letter-spacing:2px}.small{line-height:1.6}.loading{min-height:220px;display:grid;place-content:center;gap:14px}.loading:before{content:'';width:26px;height:26px;border:2px solid #e8e2f8;border-top-color:var(--purple);border-radius:50%;margin:auto;animation:spin .8s linear infinite}
.brand{letter-spacing:-1.5px;font-weight:800}.brand img{box-shadow:0 4px 18px #6546d924;border-radius:11px}.brand small{font-weight:600;letter-spacing:1.7px;font-size:11px}
.rail{background:#24212f;color:#f2effc;border:0;padding-top:35px}.rail:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 0 0,#6e46bc17,transparent 50%)}.rail>*{position:relative}.rail .brand small{color:#a59cb9}.rail .brand{margin-bottom:48px}.nav-label{color:#8d859e;font-size:10px;letter-spacing:2px}.nav{gap:9px}.nav a{font-size:13px;font-weight:600;color:#bab2c8;border:1px solid transparent;position:relative;transition:background .22s,color .22s,transform .22s}.nav a:hover{color:white;background:#ffffff08;transform:translateX(2px)}.nav a.active{background:#8d72db1c;border-color:#a38adc22;color:#eee5ff}.nav a.active:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;background:#cdee9e;border-radius:0 4px 4px 0}.nav a.active .icon{color:#b49afa}.rail-note{background:linear-gradient(135deg,#383047,#2d2739);border-color:#ffffff0b;border-radius:13px;padding:19px 16px}.rail-note .icon{color:#d0efa3}.rail-note h3{font-size:13px}.rail-note p{color:#a9a0b8;line-height:1.75}.account{border-color:#ffffff10;gap:10px}.account .avatar{background:#5c4b78;color:#e7dcf5}.account strong{color:#eee8f7}.account small{color:#a59bae}.account .icon-btn{color:#b5aabd}.account .icon-btn:hover{color:white;background:#ffffff09}.topbar{background:#ffffffd9;backdrop-filter:blur(18px)}.top-right .session-label{display:flex;gap:7px;align-items:center;font-size:11px}.top-right .session-label .icon{width:17px;color:#777080}.top-right .avatar{border:3px solid #fff;box-shadow:0 0 0 1px #e9e3f5;color:#7656bb}.breadcrumb{font-size:12px}.demo-banner{background:#f0ecf8;color:#8a769f;font-size:10px;letter-spacing:.25px;padding:7px 15px}.page-heading{margin-bottom:30px}.page-heading p{margin-top:10px;font-size:13px}.date{font-size:11px;border-color:#e5e1ec;box-shadow:0 3px 8px #30204003}.hero{background:#211e2c;min-height:260px;border:1px solid #30283e;padding:33px 35px;border-radius:19px;box-shadow:0 12px 32px #30204013;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 0 0 38%;z-index:-1;background-image:url('/artwork/learning-sculpture.png');background-size:auto 115%;background-position:right center;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,black 35%);transition:transform .9s cubic-bezier(.2,.8,.2,1);transform-origin:75% 50%}.hero:hover:before{transform:scale(1.04)}.hero:after{content:'';z-index:-1;position:absolute;inset:0;background:radial-gradient(230px circle at var(--pointer-x,20%) var(--pointer-y,40%),#cba9ff15,transparent);pointer-events:none}.hero>div:first-child{max-width:58%;position:relative;z-index:1}.hero .eyebrow{font-size:10px;color:#c7b4e2;letter-spacing:2px;display:flex;align-items:center;gap:9px}.hero .eyebrow:before{content:'';width:18px;height:1px;background:#c6e9a4}.hero h2{font-size:clamp(24px,2.1vw,33px);font-weight:750;letter-spacing:-1.1px;line-height:1.28}.hero p{color:#bcb3cc;font-size:12px;margin:13px 0 24px;line-height:1.8}.hero .hero-art{display:none}.hero .btn.light{background:#d4f3aa;color:#2b3520;border:1px solid #e9ffc7;font-size:12px;padding:12px 17px;box-shadow:0 4px 20px #c2e4910f}.hero .btn.light:hover{background:#e2ffbd;box-shadow:0 6px 24px #c2e49125}.hero .btn .icon{width:17px;height:17px}.btn{border-radius:9px;transition:background .2s,box-shadow .2s,transform .2s;font-size:13px;box-shadow:0 3px 7px #674dc314}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px #674dc326}.btn:active{transform:translateY(0) scale(.98)}.btn.secondary{box-shadow:0 2px 3px #30204002}.btn .icon{transition:transform .25s}.btn:hover .icon:last-child{transform:translateX(2px)}.icon-btn{transition:background .2s,transform .2s}.icon-btn:hover{background:#f0ecfa}.icon-btn:active{transform:scale(.95)}.text-btn{font-size:12px}.text-btn:hover{text-decoration:underline;text-underline-offset:5px}
.stats{gap:15px;margin:23px 0 32px}.stat{border-color:#e9e5ef;border-radius:13px;padding:20px 18px;box-shadow:0 4px 9px #29213b02;transition:border-color .3s,box-shadow .3s,transform .3s}.stat:hover{border-color:#d7cdea;box-shadow:0 7px 18px #3e275009;transform:translateY(-2px)}.stat strong{font-weight:800;font-size:26px;font-variant-numeric:tabular-nums}.stat small{font-size:11px}.stat-icon{border-radius:12px;width:44px;height:44px;background:linear-gradient(135deg,#f1eaff,#f6f3ff);color:#8969c9}.stat-icon .icon{width:21px}.stat:nth-child(2) .stat-icon{background:linear-gradient(135deg,#e6f1fb,#f4f9ff);color:#6b9cca}.stat:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f8f2e1,#fffaf0);color:#bba564}.section-head h2{font-size:19px;font-weight:800}.tabs{gap:24px}.tabs button{font-size:12px;position:relative;transition:color .2s,border-color .2s}.tabs button:hover{color:var(--purple)}.course-row{border-radius:14px;border-color:#e9e6ef;padding:18px;gap:20px;grid-template-columns:112px minmax(0,1fr) 50px;transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 3px 5px #29213b02}.course-row:hover{border-color:#cfc1e8;box-shadow:0 8px 25px #382b4a09;transform:translateY(-2px)}.course-row h3{font-size:16px;letter-spacing:-.3px}.course-meta{font-size:9px;letter-spacing:1.5px;color:#9b82c0;margin-bottom:8px}.course-row .muted{font-size:11px}.course-row .row-bottom{font-size:10px}.course-row .row-bottom a{font-size:11px}.progress-track{height:4px;margin-top:15px;background:#f0edf5}.progress-track span{background:linear-gradient(90deg,#9875e3,#7852d4);transform-origin:left;animation:grow-track 1.1s cubic-bezier(.2,.8,.2,1) both}.ring{--fill:var(--progress);background:conic-gradient(#8b66d8 calc(var(--fill)*1%),#eeebf4 0);animation:fill-ring 1.3s cubic-bezier(.2,.8,.2,1) both}.ring span{font-size:10px}.ring:before{width:41px;height:41px}.panel{border-color:#e9e5ef;border-radius:14px;box-shadow:0 3px 6px #35224702}.panel h3{font-size:14px}.panel .small{font-size:12px}.day{font-size:10px}.day b{border-radius:8px;background:#f8f6fb}.day.today b{background:#7755ca;box-shadow:0 4px 10px #7056c824}.day.sunday b{background:#f5f4f6;color:#aaa1b6}.aside-divider{font-size:11px}.rule strong{font-size:12px}.rule p{font-size:11px;line-height:1.7}.rule .icon{color:#a08abd}.journey .ring span{font-size:15px}.dark-panel{background:#f0eafa;border-color:#e8dff4;color:#4c3b68;position:relative;overflow:hidden}.dark-panel .icon{color:#8e6ebb}.dark-panel p{color:#8a789f;font-size:12px}.dark-panel:after{content:'';width:110px;height:110px;border:1px solid #b7a4cf33;border-radius:50%;position:absolute;right:-50px;top:-50px;box-shadow:0 0 0 18px #b7a4cf11,0 0 0 36px #b7a4cf09}
/* Original code-native course covers, not copied course provider imagery. */
.course-art{height:110px;isolation:isolate;background:#272035;color:#b291eb;border-radius:10px;perspective:600px}.course-art:before{inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;opacity:.3;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:16px 16px}.course-art:after{inset:0;width:auto;height:auto;transform:none;border:0;opacity:1;border-radius:0;background:radial-gradient(ellipse at 20% 100%,#7c4cd440,transparent 75%);z-index:-1}.course-art.blue{background:#1d2d40;color:#6db7e7}.course-art.blue:after{background:radial-gradient(ellipse at 20% 100%,#3667af66,transparent 75%)}.course-art.orange{background:#392331;color:#efb4ac}.course-art.orange:after{background:radial-gradient(ellipse at 20% 100%,#cd73444d,transparent 75%)}.cover-window{position:absolute;width:66%;height:61%;border:1px solid #ab8ddb66;background:linear-gradient(140deg,#4e3a68,#281e3a);border-radius:5px;box-shadow:8px 9px 0 -3px #a284d533,0 10px 25px #11061e55;transform:perspective(500px) rotateY(-14deg) rotateX(8deg) rotateZ(-8deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cover-bar{height:17%;display:flex;align-items:center;gap:3px;border-bottom:1px solid #bfa6d929;padding-left:7px}.cover-bar i{width:3px;height:3px;border-radius:50%;background:#b397cf}.cover-code{font:7px/1.4 ui-monospace,monospace;padding:7px 8px}.code-purple{color:#c4a9ff}.code-lime{color:#d1e6ab}.code-line{display:inline-block;width:85%;height:2px;background:#c8b1df55;vertical-align:middle}.code-line.short{width:56%;margin-left:10%}.cover-symbol{position:absolute;bottom:11%;right:11%;font:800 12px/1 ui-monospace,monospace;background:#d3edb4;color:#354326;padding:6px;border-radius:5px;box-shadow:0 4px 13px #0003;transform:rotate(9deg)}.course-row:hover .cover-window,.catalog-card:hover .cover-window{transform:perspective(500px) rotateY(0) rotateX(0) rotateZ(-3deg) translateY(-3px)}.cover-graph{position:absolute;width:90%;transform:perspective(500px) rotateY(-10deg) rotateZ(-5deg)}.cover-graph svg{width:100%;display:block}.cover-data{position:absolute;display:flex;align-items:flex-end;gap:3px;bottom:18%;right:13%;height:35%}.cover-data i{display:block;width:7px;height:35%;background:linear-gradient(180deg,#99cefa,#4e72aa);box-shadow:2px 2px 0 #1c3047;border-radius:2px;transition:transform .4s}.cover-data i:nth-child(2){height:65%}.cover-data i:nth-child(3){height:52%}.cover-data i:nth-child(4){height:95%;background:linear-gradient(#e0f8af,#9eb975)}.catalog-card:hover .cover-data i{transform:scaleY(1.12);transform-origin:bottom}.cover-broadcast{width:64%;aspect-ratio:1;position:relative;display:grid;place-items:center}.broadcast-ring{position:absolute;inset:0;border:1px solid #eca2b540;border-radius:50%;transform:rotateX(20deg) rotateY(-20deg)}.broadcast-ring.r2{inset:-17%;border-color:#eca2b521}.broadcast-core{width:60%;height:60%;display:grid;place-items:center;background:linear-gradient(145deg,#d1a0a9,#9c667e);border:1px solid #eac0bc;box-shadow:5px 7px 0 #633e58,0 14px 25px #0003;border-radius:13px;transform:rotate(-15deg);transition:transform .5s}.broadcast-core .icon{width:60%;height:60%;color:#fff3db;stroke-width:1.4}.cover-orb{position:absolute;width:15%;height:15%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fcffd2,#cfdb83 65%,#7b9255);right:18%;top:20%;box-shadow:2px 5px 10px #0003}.catalog-card:hover .broadcast-core{transform:rotate(-5deg) translateY(-3px)}.catalog{gap:24px}.catalog-card{border-radius:17px;box-shadow:0 4px 9px #25193504;transition:border-color .25s,box-shadow .25s,transform .4s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #3525440e;border-color:#c6b9d9}.catalog-card .course-art{height:190px}.catalog-card .cover-window{width:52%;height:65%;border-radius:8px}.catalog-card .cover-code{font-size:12px;padding:14px}.catalog-card .code-line{height:3px}.catalog-card .cover-symbol{font-size:21px;right:19%;padding:12px;border-radius:10px}.catalog-card .cover-bar i{height:5px;width:5px}.catalog-card .cover-graph{width:74%}.catalog-card .cover-data{right:23%;height:40%;gap:6px}.catalog-card .cover-data i{width:15px}.catalog-card .cover-broadcast{width:37%}.catalog-card .cover-orb{width:10%;height:16%;right:30%}.catalog-body{padding:24px}.catalog-body h3{font-size:19px;letter-spacing:-.5px;line-height:1.45}.catalog-body p{font-size:12px;line-height:1.8}.catalog-facts{font-size:11px}.catalog-toolbar input,.catalog-toolbar select{background:#ffffffb0;box-shadow:0 3px 5px #30204002}
/* Classroom: prioritize readable content and quiet controls. */
.course-summary h1{font-size:29px}.course-summary p{font-size:13px;line-height:1.8}.course-summary .course-art{width:110px}.notice{background:#f4f0fa;border:1px solid #e8e0f2;color:#897496;font-size:12px;line-height:1.8;border-radius:12px}summary{padding:22px;font-size:14px;transition:background .2s}summary:hover{background:#fcfaff}details[open] summary{background:#faf8fd;border-bottom:1px solid #eee7f5}details[open] .lesson-row{animation:reveal .28s both}.lesson-row{padding:17px 22px;font-size:13px;transition:background .2s}.lesson-row.available{background:#faf7ff}.lesson-row:hover{background:#faf9fd}.lesson-row .lesson-number{width:32px;height:32px;font-size:11px}.lesson-row.completed .lesson-number{background:#eef5e8;color:#79904f}.lesson-row p{font-size:11px}.lesson-row .btn{font-size:11px;border-radius:7px}.video-stage{box-shadow:0 12px 35px #241a391a;border:1px solid #3d334b;background:radial-gradient(ellipse at 50% 40%,#30283f,#1f1b29)}.video-placeholder .icon{border:1px solid #a890cc40;border-radius:50%;padding:18px;width:82px;height:82px;background:#a789da08;box-shadow:0 0 0 14px #a789da03}.video-placeholder h3{font-size:18px;font-weight:650;letter-spacing:-.3px}.video-placeholder p{font-size:12px;line-height:1.8}.lesson-body h1{font-size:27px}.notes{font-size:14px;line-height:1.95;max-width:800px}.lesson-nav{padding:22px 14px;scrollbar-width:thin;scrollbar-color:#d9cdec transparent}.lesson-nav>h3,.lesson-nav>p{padding:0 8px}.lesson-nav .lesson-row{padding:15px 8px}.question{padding:28px}.answer{transition:border-color .2s,background .2s,transform .2s;font-size:13px}.answer:has(input:checked){box-shadow:inset 3px 0 #8e6ad1;background:#f8f5fd;border-color:#c0acd9}.answer:hover{transform:translateX(2px)}.result{background:radial-gradient(ellipse at 100% 0,#ede6f8,transparent 65%),white}.result strong{font-size:48px;letter-spacing:-2px}.editor-lesson{transition:border-color .25s,box-shadow .25s,transform .25s;padding:20px}.editor-lesson:hover{transform:translateY(-3px);box-shadow:0 7px 19px #3c28490a;border-color:#baa3d7}.editor-lesson h3{font-size:15px}.table-wrap{box-shadow:0 4px 9px #30204002}th{font-size:11px;letter-spacing:.4px;background:#faf8fc}td{font-size:12px;padding:20px}tr{transition:background .2s}tbody tr:hover{background:#fcfafe}td small{font-size:11px}.field-label{font-size:12px!important}input,select,textarea{font-size:13px;padding:13px;border-color:#e0dbe8;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:0;border-color:#a78acb;box-shadow:0 0 0 3px #b9a1dd18}.form-help{font-size:11px}.error{font-size:13px}.account-panel{padding:30px}.account-panel .avatar{background:#eee6f7;color:#8661a9;box-shadow:0 0 0 6px #f8f5fb}.badge{border-radius:5px;font-size:10px;padding:5px 7px;background:#f0e9fa;color:#9373b8}.badge.green{background:#eef5e9;color:#799551}.badge.grey{background:#f2f0f5;color:#a096ae}.badge.orange{background:#f9f0e4;color:#aa8a5a}
/* Sign-in carries the same art direction as the learning workspace. */
.login-layout{grid-template-columns:1.12fr 1fr;background:white}.login-art{background:#211d2c;padding:48px 62px;isolation:isolate;min-height:800px}.login-art:before{content:'';position:absolute;z-index:-2;inset:27% -3% 0 -8%;background:url('/artwork/learning-sculpture.png') no-repeat 84% bottom;background-size:auto 100%;opacity:.9;mask-image:linear-gradient(to bottom,transparent,black 35%);animation:art-arrive 1.3s cubic-bezier(.2,.8,.2,1) both}.login-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#211d2c99,transparent 90%),radial-gradient(380px circle at var(--pointer-x,0) var(--pointer-y,0),#ad80d611,transparent);pointer-events:none}.login-copy{margin:100px 0 auto;padding:0 0 60px}.login-copy .eyebrow{font-size:10px;color:#b6a1cc;letter-spacing:2.5px}.login-copy h1{font-size:clamp(40px,3.8vw,60px);line-height:1.17;letter-spacing:-2.7px;max-width:550px;font-weight:650}.login-copy h1 span{color:#d6edb3}.login-copy p{font-size:13px;line-height:1.95;max-width:310px;color:#b7abc8;margin:24px 0 35px}.login-path i{width:32px;height:32px;font-size:10px;border-color:#b8a1cf44}.login-path i:first-child{background:#d6edb3;color:#404b2b;border-color:#d6edb3}.login-path i .icon{width:15px}.login-path span{width:21px;border-color:#b8a1cf44}.login-foot{font-size:10px;letter-spacing:.5px;color:#958aa8}.login-side{padding:60px 50px}.login-box{max-width:355px;animation:reveal .7s .12s both}.login-box>.badge{background:none;padding:0;color:#9b88ae;font-size:9px;text-transform:uppercase;letter-spacing:1.7px}.login-box h2{font-size:34px;font-weight:800;letter-spacing:-1.5px;margin:18px 0 11px}.login-box>p{font-size:12px;line-height:1.8;margin-bottom:35px}.login-box .form-stack{gap:21px}.login-box input{min-height:49px}.login-box .btn.full{min-height:49px;background:#292332;box-shadow:0 4px 10px #251e3320}.login-box .btn.full:hover{background:#463358;box-shadow:0 8px 18px #251e3320}.login-demo p{font-size:10px;line-height:1.8}.demo-actions .btn{font-size:11px;padding:10px;min-height:40px}.login-demo{margin-top:26px}.login-box .form-help{font-size:11px}.login-art .brand small{color:#aea0bf}.login-mobile-brand .brand{font-size:29px}
/* One-time transitions, with no perpetual decorative animation. */
@property --fill{syntax:'<number>';inherits:false;initial-value:0}
@keyframes reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes art-arrive{from{opacity:0;transform:translateY(25px) scale(1.03)}to{opacity:.9;transform:translateY(0) scale(1)}}
@keyframes grow-track{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes fill-ring{from{--fill:0}to{--fill:var(--progress)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
.content>.page-heading{animation:reveal .4s ease-out both}.hero{animation:reveal .55s .04s both}.stat{animation:reveal .45s .1s both}.stat:nth-child(2){animation-delay:.16s}.stat:nth-child(3){animation-delay:.22s}.course-row,.catalog-card{animation:reveal .45s .15s both}.course-row:nth-child(2),.catalog-card:nth-child(2){animation-delay:.22s}.course-row:nth-child(3),.catalog-card:nth-child(3){animation-delay:.29s}.aside-stack .panel{animation:reveal .5s .2s both}.aside-stack .panel:nth-child(2){animation-delay:.27s}.aside-stack .panel:nth-child(3){animation-delay:.34s}dialog[open]{animation:dialog-enter .22s cubic-bezier(.2,.8,.2,1) both}dialog::backdrop{backdrop-filter:blur(6px);background:#1c142a75}#toast.show{animation:reveal .2s ease-out}.footer-note{font-size:10px;letter-spacing:.3px;color:#a89db3}
@media(min-width:1500px){.hero{min-height:285px}.hero>div:first-child{max-width:54%}.hero:before{left:32%}.course-row{padding:22px;grid-template-columns:120px minmax(0,1fr) 50px}.course-row .course-art{height:112px}.course-row h3{font-size:17px}.content{padding-top:35px}.page-heading h1{font-size:33px}}
@media(max-width:1180px){.rail{width:205px}.shell{margin-left:205px}.hero{min-height:265px}.hero>div:first-child{max-width:55%}.hero h2{font-size:28px}.hero:before{left:35%;background-size:auto 115%}.login-art{padding:38px;min-height:750px}.login-copy{margin-top:100px}.login-copy h1{font-size:43px}.login-copy p{max-width:265px}.login-side{padding:40px}.course-row h3{font-size:15px}}
@media(max-width:760px){.rail{width:232px}.shell{margin-left:0}.topbar{padding:0 18px;height:66px}.top-right .session-label{display:none}.topbar .avatar{width:33px;height:33px}.breadcrumb{font-size:11px;gap:10px}.demo-banner{font-size:9px;line-height:1.6;padding:6px 15px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:26px;letter-spacing:-1px}.page-heading p{font-size:12px;line-height:1.8}.hero{min-height:250px;padding:27px 24px;border-radius:16px}.hero>div:first-child{max-width:70%}.hero:before{left:38%;opacity:.68;background-size:auto 100%;background-position:80% center;mask-image:linear-gradient(to right,transparent,black 55%)}.hero h2{font-size:26px;line-height:1.27}.hero p{font-size:11px;max-width:220px;line-height:1.8}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero .btn.light{font-size:11px;min-height:41px}.stats{gap:9px}.stat{padding:14px 12px;border-radius:11px}.stat strong{font-size:24px}.stat small{font-size:9px;line-height:1.5;display:block}.stat-icon{width:33px;height:33px;border-radius:9px}.stat-icon .icon{width:16px}.section-head h2{font-size:18px}.section-head .text-btn{font-size:10px}.tabs{gap:22px}.tabs button{font-size:11px}.course-row{grid-template-columns:75px minmax(0,1fr);padding:13px;gap:13px}.course-art{height:86px;border-radius:8px}.course-row h3{font-size:13px;line-height:1.5}.course-row .muted{font-size:10px}.course-row .course-meta{font-size:8px;letter-spacing:1.2px;margin-bottom:5px}.course-row .row-bottom{font-size:9px;flex-wrap:wrap}.course-row .row-bottom a{font-size:10px}.course-row .cover-code{font-size:5px;padding:6px}.cover-symbol{font-size:9px;padding:5px}.cover-bar{gap:2px}.cover-bar i{width:2px;height:2px}.course-row .broadcast-core{border-radius:9px}.course-row .cover-data i{width:5px}.aside-stack{gap:16px}.panel{padding:21px}.catalog-card .course-art{height:195px}.catalog-body h3{font-size:20px}.catalog-body p{font-size:13px}.catalog-facts{font-size:11px}.catalog-card .btn{min-height:46px}.lesson-row{padding:16px 13px;font-size:12px}.lesson-row p{font-size:10px}.lesson-row .btn{font-size:10px}.lesson-body h1{font-size:23px}.video-stage{min-height:200px;aspect-ratio:auto}.video-stage:has(video){aspect-ratio:16/9;min-height:0}.video-placeholder{padding:28px}.video-placeholder .icon{width:60px;height:60px;padding:15px;margin-bottom:13px}.video-placeholder h3{font-size:15px}.video-placeholder p{font-size:11px}.lesson-actions{gap:9px}.notes{font-size:13px}.login-layout{display:block}.login-art{display:none}.login-side{padding:34px 26px}.login-mobile-brand{margin-bottom:58px}.login-box{max-width:390px}.login-box h2{font-size:35px}.login-box>p{font-size:13px}.login-box .field-label{font-size:13px!important}.login-box input{font-size:14px}.login-demo p{font-size:11px}.demo-actions .btn{font-size:12px}.login-box .form-help{font-size:12px}.editor-lesson{padding:15px}.editor-lesson h3{font-size:13px}.editor-lesson .badge{font-size:8px}.editor-lesson p{font-size:11px}.admin-actions .btn{font-size:10px;min-height:40px;padding:10px}.admin-actions .icon{width:15px}.page-heading:has(.admin-actions){flex-wrap:wrap}.table-wrap th{font-size:10px;padding:15px}.table-wrap td{font-size:11px;padding:15px}.question h3{font-size:16px}.question{padding:22px}.answer{font-size:13px}.account-panel{padding:25px}.account-panel dl{font-size:13px}.course-summary h1{font-size:25px}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ring{--fill:var(--progress)}.loading:before{border-color:#997ebd}.course-row:hover,.stat:hover,.catalog-card:hover,.editor-lesson:hover,.nav a:hover,.answer:hover{transform:none}.hero:hover:before{transform:none}}
/* Readability floor for working controls, course content, and status information. */
.nav a{font-size:14px}.breadcrumb{font-size:13px}.top-right .session-label{font-size:12px}.demo-banner{font-size:12px}.page-heading p{font-size:14px}.date{font-size:12px}.hero p{font-size:14px}.hero .btn.light,.btn{font-size:14px}.stat small{font-size:12px}.tabs button{font-size:14px}.course-row h3{font-size:17px}.course-row .muted,.course-row .row-bottom,.course-row .row-bottom a{font-size:12px}.course-meta{font-size:11px}.text-btn{font-size:13px}.panel .small{font-size:14px}.panel h3{font-size:15px}.aside-divider{font-size:12px}.rule strong{font-size:14px}.rule p{font-size:12px}.day{font-size:12px}.day b{font-size:12px}.dark-panel p{font-size:13px}.catalog-body p{font-size:14px}.catalog-facts{font-size:12px}.course-summary p{font-size:14px}.notice{font-size:13px}.lesson-row{font-size:14px}.lesson-row p{font-size:12px}.lesson-row .btn{font-size:12px}.video-placeholder p{font-size:13px}.notes{font-size:15px}.answer{font-size:14px}.field-label{font-size:14px!important}input,select,textarea{font-size:14px}.form-help{font-size:12px}.badge{font-size:12px}.table-wrap td{font-size:14px}.table-wrap th,td small{font-size:12px}.login-copy p{font-size:15px}.login-box>p{font-size:14px}.login-box .form-help,.login-demo p{font-size:12px}.demo-actions .btn{font-size:12px}.footer-note,.login-foot{font-size:12px}.account small{font-size:12px}.account strong{font-size:14px}.rail-note p{font-size:12px}.rail-note h3{font-size:14px}.editor-lesson p{font-size:12px}.editor-lesson h3{font-size:16px}
@media(max-width:760px){.page-heading p{font-size:13px}.hero p{font-size:13px}.hero .btn.light{font-size:12px}.course-row h3{font-size:15px}.course-row .muted,.course-row .row-bottom,.course-row .row-bottom a{font-size:12px}.hero>div:first-child{max-width:76%}.demo-banner{font-size:11px}.stat small{font-size:11px}.section-head .text-btn{font-size:12px}.tabs button{font-size:13px}.editor-lesson h3{font-size:14px}.editor-lesson .badge{font-size:11px}.admin-actions .btn{font-size:12px}.lesson-row{font-size:13px}.video-placeholder p{font-size:12px}.notes{font-size:14px}.course-row .course-meta{font-size:10px}.table-wrap td{font-size:13px}.table-wrap th{font-size:12px}}

/* Askiro Learning: luminous ocean gradients and expressive, accessible motion. */
:root{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;--ink:#153443;--muted:#526c7b;--purple:#067e94;--purple-dark:#075f75;--line:#dce9ef;--bg:#f3f8fa}
body{background:radial-gradient(ellipse at 95% 4%,#c8f6ef80,transparent 45%),radial-gradient(ellipse at 30% 70%,#dae8ff66,transparent 50%),#f5f9fb}
h1,h2,h3{font-family:"Avenir Next","Segoe UI",sans-serif;letter-spacing:-.045em}h1{font-size:clamp(28px,3vw,40px);font-weight:750}h2{font-weight:700}.brand{letter-spacing:-1.2px;font-size:28px}.brand small{font-size:9px;letter-spacing:1px;text-transform:uppercase}.brand img{box-shadow:none}.rail{background:linear-gradient(165deg,#102d3b,#102334 60%,#173349);color:#edfaff}.rail .brand small{color:#89bbca}.nav a{font-size:14px;color:#b5ced9}.nav a.active{background:linear-gradient(100deg,#259aa637,#7daffe17);border-color:#72d8e333;color:#fff}.nav a.active:before{background:#8de8d7}.nav a.active .icon{color:#95e7e6}.rail-note{background:linear-gradient(130deg,#33738933,#779ffb19);border-color:#85cadd22}.rail-note p,.account small{color:#adc5d3}.rail-note .icon{color:#98e7d5}.rail-note h3{font-size:14px}.account .avatar{background:#296276;color:#d7fbff}.demo-banner{background:#e5f3f7;color:#42616d;font-size:12px}.topbar{background:#ffffffc9}.page-heading p{font-size:15px}.date{font-size:13px}.breadcrumb{font-size:13px}
.hero{min-height:300px;padding:36px;border:1px solid #7cded74d;background:linear-gradient(115deg,#102f46 0%,#14576b 60%,#149996 115%);box-shadow:0 16px 42px #186c7b19;border-radius:24px}.hero:before{inset:-70% -25% -80% 48%;background:repeating-radial-gradient(ellipse at center,transparent 0 35px,#9ef4e818 36px 38px,transparent 39px 65px);mask-image:linear-gradient(to right,transparent,black 35%);transform:rotate(-30deg);opacity:.8}.hero:hover:before{transform:rotate(-25deg)}.hero:after{background:radial-gradient(350px circle at var(--pointer-x,80%) var(--pointer-y,50%),#9ffffb25,transparent)}.hero>div:first-child{max-width:72%}.hero h2{font-size:clamp(27px,2.8vw,40px);line-height:1.12;letter-spacing:-1.5px}.hero p{font-size:15px;color:#c8e7ef;max-width:480px}.hero .eyebrow{color:#a4eeea;font-size:11px}.hero .eyebrow:before{background:#a4eeea}.hero .btn.light{background:linear-gradient(110deg,#c2fff0,#b4dfff);color:#123e4e;border-color:#d7ffff;font-size:14px;padding:14px 20px}.hero .btn.light:hover{background:linear-gradient(110deg,#e1fff6,#d6edff)}
.btn{background:linear-gradient(110deg,#087f94,#246ca5);box-shadow:0 5px 15px #107a9820;font-size:14px;border-radius:12px}.btn:hover{background:linear-gradient(110deg,#086779,#215687)}.btn.secondary{background:#fff}.btn.secondary:hover{background:#edf8fa}.tabs button,.text-btn{font-size:14px}.tabs{gap:24px}.stat{border-radius:18px;background:linear-gradient(125deg,#fff,#f7fcff);padding:23px;box-shadow:0 6px 24px #284c6405}.stat small{font-size:13px}.stat strong{font-size:30px}.stat-icon{background:linear-gradient(140deg,#d4f7f0,#e3eefe);color:#158098}.stat:nth-child(2) .stat-icon{color:#3979ac}.stat:nth-child(3) .stat-icon{background:#fff0e3;color:#a27042}.panel{border-radius:20px;background:#ffffffd9;border-color:var(--line)}.panel h3{font-size:17px}.panel .small,.rule p,.aside-divider{font-size:13px}.rule strong{font-size:14px}.rule .icon{color:#328397}.day{font-size:12px}.day.today b{background:linear-gradient(#168d9f,#287cb2)}.dark-panel{background:linear-gradient(125deg,#ddf5f0,#e5efff);color:#205669}.dark-panel p{color:#436878;font-size:14px}.course-row{padding:22px;border-radius:20px;grid-template-columns:112px minmax(0,1fr) 50px;background:linear-gradient(115deg,#fff,#fafdff);border-color:#dbe9ed}.course-row h3{font-size:18px}.course-meta{color:#3e7387;font-size:11px}.course-row .muted,.course-row .row-bottom,.course-row .row-bottom a{font-size:13px}.progress-track{height:5px;background:#e5eff2}.progress-track span{background:linear-gradient(90deg,#31baa9,#388be0)}.ring{background:conic-gradient(#2597ad calc(var(--fill)*1%),#e6eef2 0)}.ring span{font-size:12px}.catalog-card{border-radius:22px;border-color:#d6e8ef;position:relative}.catalog-body h3{font-size:23px}.catalog-body p,.catalog-facts{font-size:14px}.catalog-card .course-art{height:205px;background:linear-gradient(130deg,#123b50,#1c8a91)}.course-art{background:linear-gradient(135deg,#163f58,#278e9c);color:#b4efed}.course-art.blue{background:linear-gradient(125deg,#293d7c,#4ca3ca)}.course-art.orange{background:linear-gradient(130deg,#713962,#d88479)}.cover-window{background:linear-gradient(140deg,#3e9ca1,#15415b);border-color:#a0ecea66}.cover-symbol{background:#b7f7e5;color:#235764}.catalog-card:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(250px circle at var(--pointer-x,-300px) var(--pointer-y,-300px),#c0ffff25,transparent)}
.login-layout{background:#f8fbfd;grid-template-columns:1.1fr 1fr}.login-art{background:linear-gradient(145deg,#113146,#125c70 55%,#159b96);padding:48px 60px;overflow:hidden}.login-art:before{inset:10% -60% -55% 15%;background:repeating-radial-gradient(ellipse at center,transparent 0 45px,#a6fff023 46px 48px,transparent 49px 83px);mask-image:linear-gradient(transparent,black 25%);transform:rotate(-30deg);opacity:1;animation:none}.login-art:after{background:radial-gradient(450px circle at var(--pointer-x,80%) var(--pointer-y,50%),#a4f4e728,transparent)}.login-copy{margin-top:100px;position:relative}.login-copy h1{font-size:clamp(42px,4.7vw,72px);line-height:1.06;letter-spacing:-3px;font-weight:700}.login-copy h1 span{color:#b9ffe4;background:linear-gradient(90deg,#b7ffdd,#c1e4ff);background-clip:text;-webkit-text-fill-color:transparent}.login-copy .eyebrow{color:#a6e4df;font-size:12px}.login-copy p{color:#ceeaef;font-size:17px;max-width:400px}.login-foot{color:#bedfe7;font-size:13px}.login-path i:first-child{background:#c4ffed;color:#225567;border-color:#c4ffed}.login-box{max-width:400px}.login-box h2{font-size:40px;letter-spacing:-1.8px}.login-box>p{font-size:15px}.login-box>.badge{color:#448196;font-size:11px}.login-box .btn.full{background:linear-gradient(110deg,#0c8b97,#397aba);min-height:52px}.login-box .form-help,.login-demo p{font-size:13px}.field-label{font-size:14px!important}input,select,textarea{font-size:16px;min-height:46px;border-radius:10px}.login-box input{min-height:52px}.form-help{font-size:13px}.login-demo .btn{font-size:13px}.notice{background:#edf8fa;border-color:#d2e9ee;color:#426977;font-size:14px}.lesson-body h1{font-size:32px}.notes{font-size:16px}.lesson-row{font-size:14px}.lesson-row p{font-size:13px}.answer{font-size:15px}.footer-note{font-size:12px;color:#607f8d}.badge{color:#377689;background:#e8f5f8}.top-right .avatar{color:#28718a}.top-right .session-label{font-size:12px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.catalog-card:hover,.course-row:hover,.stat:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);box-shadow:0 20px 40px #195b7118;border-color:#79c6d3}.catalog-card,.course-row,.stat{transition:transform .18s ease-out,box-shadow .25s,border-color .25s;will-change:transform}}
@media(max-width:1100px){.hero>div:first-child{max-width:88%}.login-art{padding:40px}.login-copy h1{font-size:49px}}
@media(max-width:760px){.hero{padding:27px 23px;min-height:280px}.hero>div:first-child{max-width:100%}.hero h2{font-size:31px}.hero p{font-size:14px}.hero:before{left:35%;opacity:.45}.page-heading p{font-size:14px}.page-heading h1{font-size:29px}.course-row{padding:16px;gap:14px;grid-template-columns:74px minmax(0,1fr)}.course-row h3{font-size:16px}.course-row .ring{grid-column:2;justify-self:end}.course-row .course-art{width:74px;height:90px}.course-row .muted{font-size:12px}.stat{padding:17px}.stat strong{font-size:25px}.stat small{font-size:12px}.content{padding:24px 16px}.catalog-card .course-art{height:200px}.catalog-body h3{font-size:22px}.login-side{padding:34px 22px}.login-box h2{font-size:34px}.login-box .brand{color:#20495d}.login-box .brand small{font-size:9px}.login-box{max-width:420px;width:100%}.breadcrumb{min-width:0;font-size:12px}.breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{gap:10px}.demo-banner{font-size:11px}.stats{gap:10px}.stat-icon{width:36px;height:36px;flex-shrink:0}.tabs{gap:18px}.tabs button{font-size:13px}.section-head{flex-wrap:wrap;gap:12px}.page-heading{gap:16px}.admin-actions{flex-wrap:wrap}.account-panel{padding:23px}.account-panel dd{overflow-wrap:anywhere}.course-summary h1{font-size:28px}.lesson-body h1{font-size:27px}.panel{padding:21px}dialog{max-width:calc(100vw - 24px)}.hero,.catalog-card,.course-row,.stat{transform:none!important}}
@media(max-width:380px){.stats{grid-template-columns:1fr}.stat{display:flex}.course-row{grid-template-columns:58px minmax(0,1fr)}.course-row .course-art{width:58px;height:76px}.hero h2{font-size:28px}.brand{font-size:25px}.tabs{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.catalog-card,.course-row,.stat{transform:none!important}}
.stack-cover{width:100%;height:100%;filter:drop-shadow(0 15px 14px #05323b33);transition:translate .4s}.catalog-card:hover .stack-cover{translate:0 -4px}.catalog-card .stack-cover{width:90%}.course-art:before{background:none}.course-art:after{background:radial-gradient(ellipse at 15% 0,#94ecdb44,transparent 70%)}
h1,h2,h3,.hero h2,.page-heading h1,.login-copy h1,.login-box h2,.section-head h2,.stat strong,.brand{font-weight:600}.brand{position:relative;padding-bottom:13px}.brand small{position:absolute;left:48px;bottom:0;font-size:8px;letter-spacing:1.5px}.rail .brand{margin-bottom:35px}.rail-note h3{font-weight:600}.eyebrow,.course-meta{font-weight:600}
.answer input[type=radio]{min-height:0}.demo-actions{flex-wrap:wrap}.demo-actions .btn{flex:1 1 110px}
/* Keep teaching, assessment and administration surfaces in the same palette. */
th{background:#edf6f9;color:#426574}.lesson-row.available,details[open] summary{background:#edf8fa}.lesson-row:hover,summary:hover{background:#f2fafb}.lesson-row.completed .lesson-number{background:#ddf4ec;color:#277961}.answer:has(input:checked){background:#edf9fa;border-color:#69b5c4;box-shadow:inset 3px 0 #2398a6}.answer:hover{border-color:#89c1cf}.video-stage{background:radial-gradient(ellipse at 50% 30%,#205264,#102d40);border-color:#316776}.video-placeholder .icon{border-color:#86cbd844;background:#78d7d90a}.result{background:radial-gradient(ellipse at 100% 0,#dcf5ed,transparent 65%),white}.badge.green{background:#e1f4eb;color:#297257}.badge.orange{background:#fff1de;color:#87622a}.badge.grey{background:#eaf0f3;color:#526b76}.account-panel .avatar{background:#dff2f5;color:#286f84;box-shadow:0 0 0 6px #f1f9fb}.editor-lesson:hover{border-color:#84bbc8;box-shadow:0 8px 22px #21617c10}.answer input{accent-color:#168b9e}input:focus,select:focus,textarea:focus{border-color:#45a2b4;box-shadow:0 0 0 3px #72c8d522}