@font-face{font-family:Inter;src:local("Inter");font-style:normal;font-weight:100 900;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8ff;color:#14214b;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.ico{display:inline-block;vertical-align:middle;flex:none}.shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(164deg,#0b1330 1%,#111842 55%,#14123b 100%);color:#b2c0df;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20;border-right:1px solid #232d57}.brand{height:90px;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid #ffffff13}.brand-mark{width:36px;height:36px;display:grid;place-items:center}.wordmark{font-weight:850;font-size:23px;color:#fff;letter-spacing:-1px}.wordmark span{color:#ff873e}.side-scroll{overflow-y:auto;flex:1;padding:23px 14px 8px;scrollbar-width:thin;scrollbar-color:#24335e transparent}.nav-group{margin-bottom:21px}.nav-group-title{font-weight:700;font-size:10px;letter-spacing:1.5px;color:#8795c4;padding:0 14px 10px}.nav-link{height:41px;display:flex;align-items:center;gap:12px;color:#b9c6e4;border-radius:11px;padding:0 13px;font-size:13px;font-weight:540;position:relative;margin:2px 0;white-space:nowrap}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{color:white;background:linear-gradient(95deg,#6046f7,#513beb 75%,#4b50e8);box-shadow:0 7px 24px #5c4afa36;font-weight:750}.nav-link .active-point{position:absolute;right:13px;width:5px;height:5px;border-radius:100%;background:#ffd189;box-shadow:0 0 0 3px #ffffff18}.side-foot{padding:13px 16px 20px;border-top:1px solid #ffffff1b;background:linear-gradient(180deg,transparent,#111b39)}.profile{display:flex;gap:10px;align-items:center;color:white;background:#ffffff0b;border:1px solid #ffffff16;padding:9px 8px;border-radius:13px}.profile-avatar,.top-avatar{width:36px;height:36px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;border-radius:50%;background:linear-gradient(135deg,#3249d8,#7c44ff 62%,#fe8c4c);border:2px solid #ffffffa0}.profile>div:nth-child(2){flex:1}.profile strong{font-size:12px;display:block}.profile small{display:block;color:#b6bee4;font-size:10px;margin-top:3px}.side-bottom{display:flex;flex-direction:column;gap:6px;margin-top:10px}.side-bottom a{font-size:12px;color:#b8c8ec;display:flex;align-items:center;gap:12px;padding:7px 13px;border-radius:10px}.side-bottom a:hover{background:#ffffff14}.main{min-width:0;min-height:100vh;position:relative;background:radial-gradient(ellipse at 78% 7%,#e4ddff 0,transparent 24%),linear-gradient(#f9faff,#f6f8fe)}.topbar{height:70px;background:#ffffffdf;border-bottom:1px solid #e9edfa;display:flex;align-items:center;justify-content:space-between;padding:0 40px;backdrop-filter:blur(10px)}.crumb{font-size:13px;display:flex;align-items:center;gap:10px;color:#8490b4}.crumb b{color:#212b55}.crumb-arrow{color:#aab3ce}.top-actions{display:flex;align-items:center;gap:16px}.prototype-tag{font-size:9px;letter-spacing:1px;background:#edeafb;color:#6a54be;border:1px solid #dcd3fb;border-radius:99px;padding:6px 10px;font-weight:800}.top-bell{display:flex;align-items:center;gap:7px;color:#647199;font-size:11px}.top-avatar{width:30px;height:30px;font-size:10px;border:0}.mobile-toggle{display:none}.page-content{max-width:1720px;margin:auto;padding:26px 39px 40px}.hero{min-height:236px;border-radius:25px;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 14px 28px #181c6533;background:radial-gradient(circle at 88% 25%,#6641db 0%,transparent 31%),linear-gradient(113deg,#101b51 0%,#262072 53%,#3931a1 100%);display:flex;align-items:center;padding:29px 39px;color:white}.hero:before{content:"";position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(135deg,transparent 0,transparent 64px,#ffffff08 65px,transparent 67px);pointer-events:none}.hero:after{content:"";position:absolute;width:430px;height:430px;right:-170px;top:-220px;border:1px solid #ffffff35;border-radius:50%;transform:rotate(26deg);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:760px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#c7d3ff}.hero-dot{display:inline-block;width:4px;height:4px;background:#fa8951;border-radius:50%;margin:0 4px}.hero h1{font-size:clamp(32px,3vw,46px);line-height:1.11;letter-spacing:-1.7px;font-weight:850;margin:15px 0 11px;max-width:740px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffba79,#ff8247);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:14px;line-height:1.6;max-width:660px;color:#d6dcff;margin:0}.hero-tags{display:flex;gap:9px;margin-top:19px;flex-wrap:wrap}.hero-tags span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;background:#ffffff18;border:1px solid #ffffff22;border-radius:99px;padding:6px 10px;color:#f5f5ff}.hero-art{position:absolute;right:95px;top:21px;width:235px;height:210px}.art-disk{width:156px;height:156px;position:absolute;top:29px;left:37px;display:grid;place-items:center;background:linear-gradient(135deg,#5664ff,#8d53fa 55%,#ff8b55);border-radius:40px;transform:rotate(-10deg);box-shadow:0 0 0 10px #ffffff18,0 0 50px #ff9a7080}.art-disk svg{transform:rotate(10deg);color:#fff;filter:drop-shadow(0 6px 12px #160a5488)}.halo{position:absolute;border:1px solid #ffffff75;border-radius:50%;transform:rotate(-21deg)}.halo-one{width:275px;height:130px;top:58px;left:-12px}.halo-two{width:210px;height:210px;top:5px;left:6px;opacity:.4}.orbit-badge{position:absolute;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffffffee;color:#654df6;box-shadow:0 8px 22px #161e6a48}.orb-one{left:0;top:12px;transform:rotate(-10deg)}.orb-two{right:-5px;bottom:18px;color:#f2793f;transform:rotate(8deg)}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:25px}.work-card,.journey-card{border:1px solid #e2e7f5;background:#fff;border-radius:21px;box-shadow:0 9px 33px #1c2b6910}.work-card{padding:30px 32px}.section-kicker{display:flex;align-items:center;gap:9px;color:#5b4bf0;font-size:10px;font-weight:850;letter-spacing:1.2px}.round-num{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(135deg,#6549f6,#4b64e9);font-size:12px}.section-right{margin-left:auto;color:#8090ac;font-size:11px;letter-spacing:0;font-weight:650}.work-card h2{font-size:26px;letter-spacing:-.8px;margin:17px 0 8px}.section-desc{font-size:12px;color:#7c87a2;line-height:1.5;margin:0 0 23px}.field-label{font-size:12px;font-weight:780;color:#263251;display:block;margin-bottom:9px}.topic-input{height:56px;border:1px solid #cad4ec;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fbfcff;color:#7054e8;box-shadow:0 0 0 3px #eef0ff80}.topic-input:focus-within{border-color:#7860fb;box-shadow:0 0 0 4px #765bfe18}.topic-input input{outline:0;border:0;background:none;flex:1;color:#223258;font-size:13px;min-width:0}.topic-input input::placeholder{color:#a0aac4}.topic-input button{border:0;background:none;color:#a0aac1}.choose-label{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px;color:#53628c;font-size:10px;font-weight:820;letter-spacing:1.15px}.choose-label span{letter-spacing:0;color:#94a0b8;font-weight:600}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mode-card{position:relative;min-height:187px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;background:#fbfcff;border:1.5px solid #e4e9f5;border-radius:16px;padding:16px 13px;color:#172650;transition:transform .2s,border-color .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-3px);border-color:#7f69f7;box-shadow:0 8px 28px #685ce222}.mode-card.selected{background:linear-gradient(155deg,#f9f7ff,#f2efff);border-color:#7a61f6;box-shadow:0 0 0 2px #9b8bfd17}.mode-ico,.metric-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;margin-bottom:16px}.mode-ico.lavender,.metric-icon.lavender{background:#efe8ff;color:#8557eb}.mode-ico.blue,.metric-icon.blue{background:#e4efff;color:#4077ec}.mode-ico.orange,.metric-icon.orange{background:#fff1de;color:#f19335}.mode-ico.green{background:#dff8ee;color:#0c9c69}.mode-title{font-size:14px;font-weight:820;letter-spacing:-.25px;margin-bottom:7px}.mode-desc{font-size:11px;line-height:1.55;color:#7c89a4}.mode-mark{display:none;position:absolute;top:13px;right:13px;color:white;background:#6753ee;border-radius:50%;width:22px;height:22px;align-items:center;justify-content:center}.selected .mode-mark{display:flex}.work-footer{border-top:1px solid #edf0f8;margin-top:26px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.work-footer>span{font-size:11px;color:#8895ad;display:flex;gap:6px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:770;font-size:12px;border-radius:11px;padding:13px 18px;white-space:nowrap;border:0}.main-cta{color:white;background:linear-gradient(105deg,#5b49f1,#8150e7 65%,#f8884b);box-shadow:0 9px 18px #6d57de2a}.main-cta:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.studio-aside{display:flex;flex-direction:column;gap:14px}.journey-card{padding:23px 23px 17px}.journey-top{display:flex;align-items:center;gap:9px;color:#634fdd;font-size:10px;font-weight:850;letter-spacing:1px}.mini-icon{width:30px;height:30px;border-radius:9px;background:#eeebff;display:grid;place-items:center}.journey-card h3{font-size:18px;letter-spacing:-.55px;margin:15px 0 19px}.journey-item{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px;position:relative}.journey-item:not(:last-child):after{content:"";height:25px;border-left:1px dashed #ccd3e6;position:absolute;top:33px;left:14px}.journey-index{border:1px solid #d9ddef;display:grid;place-items:center;border-radius:50%;width:29px;height:29px;flex:none;color:#8c97ab;font-size:11px;font-weight:850;background:#f9faff}.journey-item.current .journey-index{color:white;border-color:#6854ec;background:#6854ec}.journey-item b{font-size:12px;display:block;margin:0 0 4px}.journey-item small{color:#8290a9;font-size:10px;line-height:1.45;display:block}.booster-card{border:1px solid #ddd4ff;border-radius:19px;background:linear-gradient(135deg,#f4f1ff,#fff4ed);padding:21px 22px;position:relative;overflow:hidden}.booster-card:after{content:"";width:160px;height:160px;border:1px solid #c7b1ed80;position:absolute;right:-70px;bottom:-70px;border-radius:50%}.booster-flag{display:inline-flex;align-items:center;gap:5px;color:#6848d8;font-size:10px;font-weight:830;letter-spacing:.5px}.booster-card h3{font-size:19px;letter-spacing:-.6px;margin:11px 0}.booster-card h3 em{font-style:normal;color:#e57a45}.booster-card p{font-size:11px;line-height:1.55;color:#61708d;margin:0}.booster-sub{display:block;margin-top:11px;font-size:9px;color:#8d96aa}.below-note{border-radius:14px;color:#6b7896;display:flex;gap:8px;align-items:center;font-size:11px;padding:19px 0}.below-note strong{color:#5e4cde}.below-note span{margin-left:auto;font-size:10px}.courses-hero{background:radial-gradient(circle at 85% 20%,#6547e2 0,transparent 36%),linear-gradient(115deg,#101948,#232072 54%,#4130a0);min-height:233px}.courses-hero .hero-copy{max-width:750px}.hero-buttons{display:flex;gap:12px;margin-top:19px}.white-cta{background:#fff;color:#4433a1}.ghost-cta{background:#ffffff12;color:#fff;border:1px solid #ffffff5a}.courses-hero-art{position:absolute;right:60px;top:12px;height:210px;width:310px}.holo-book{color:white;display:grid;place-items:center;position:absolute;left:82px;top:27px;width:163px;height:163px;border-radius:42px;transform:rotate(7deg);background:linear-gradient(140deg,#7599ff,#7558f0 48%,#f59e77);box-shadow:0 0 65px #a784ff94,0 0 0 9px #ffffff19}.holo-book svg{transform:rotate(-7deg);filter:drop-shadow(0 9px 8px #1a227991)}.holo-globe{width:67px;height:67px;display:grid;place-items:center;position:absolute;right:0;top:4px;color:#7653ff;border-radius:18px;background:#ffffffed;transform:rotate(-12deg);box-shadow:0 10px 30px #12164499}.constellation{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff19}.c1{top:19px;left:19px}.c2{bottom:20px;left:34px}.c3{bottom:47px;right:28px}.c4{top:70px;right:20px}.library-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:23px 0 24px}.metric{display:flex;gap:13px;align-items:center;background:white;border-radius:16px;border:1px solid #e2e8f3;padding:17px 17px;box-shadow:0 7px 19px #26345a0a;min-width:0}.metric-icon{margin:0;flex:none;width:48px;height:48px}.metric-label{font-size:11px;color:#8390ae;display:block;margin-bottom:3px;white-space:nowrap}.metric strong{font-size:25px;line-height:1.1;letter-spacing:-1px;color:#15234e}.metric strong small{font-size:12px;color:#a0aac3;font-weight:500;letter-spacing:0}.note-metric{background:linear-gradient(125deg,#fff9f5,#f4f1ff);color:#5e48cb}.note-metric b{font-size:12px;display:block;color:#3b2d95;margin-bottom:5px}.note-metric span{font-size:10px;line-height:1.4;color:#7c79a3;display:block}.library-panel{border:1px solid #e2e8f3;border-radius:22px;background:white;box-shadow:0 8px 29px #26345a0c;overflow:hidden}.panel-top{padding:20px 25px 12px}.panel-title{display:flex;align-items:center;gap:10px}.panel-title h2{font-size:23px;margin:0;letter-spacing:-.7px}.counter{font-size:10px;font-weight:750;border-radius:99px;padding:6px 10px;color:#5d49e5;background:#f1edff}.panel-top p{font-size:11px;color:#8792ad;margin:7px 0 0}.tools-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px 14px;border-bottom:1px solid #eef1f7;gap:10px}.library-tabs{display:flex;align-items:center;gap:4px;min-width:0}.tab{border:0;background:transparent;color:#8590ae;font-size:12px;font-weight:680;padding:10px 12px;border-radius:9px;white-space:nowrap}.tab.active{color:#533fcb;background:#f0edff}.library-tools{display:flex;gap:8px;align-items:center}.course-search{border:1px solid #dee3f1;border-radius:11px;height:37px;padding:0 11px;display:flex;align-items:center;gap:8px;color:#8691aa;min-width:150px}.course-search input{border:none;outline:none;max-width:156px;min-width:0;font-size:11px;background:transparent;color:#202958}.course-search input::placeholder{color:#a1acc1}.tool-btn{border:1px solid #e0e6f1;border-radius:10px;background:white;color:#8190aa;width:37px;height:37px}.tool-btn.selected{background:#f0edff;color:#614be3;border-color:#e0d9fd}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:20px 22px 19px}.course-card{border-radius:16px;border:1px solid #e4e8f1;background:#fff;overflow:hidden;box-shadow:0 6px 17px #232e5b0a;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #323e7420}.course-thumb{position:relative;height:146px;display:grid;place-items:center;overflow:hidden}.course-thumb.lavender{background:linear-gradient(130deg,#7f4af6,#b96ef0)}.course-thumb.sky{background:linear-gradient(130deg,#3d79ef,#32b2db)}.course-thumb.royal{background:linear-gradient(135deg,#3e66e8,#5d45d8)}.course-thumb.teal{background:linear-gradient(135deg,#16bba8,#3491ec)}.thumb-icon{position:relative;z-index:2;color:#ffffffeb;filter:drop-shadow(0 9px 8px #12276a38)}.thumb-decoration>div:first-child{position:absolute;left:-45px;top:-100px;width:265px;height:265px;border:1px solid #ffffff70;border-radius:50%;transform:rotate(35deg)}.thumb-decoration>div:last-child{position:absolute;right:-65px;bottom:-160px;width:245px;height:245px;border:1px solid #ffffff70;border-radius:50%;transform:rotate(35deg)}.thumb-corner{position:absolute;left:13px;top:13px;background:#ffffff2b;color:#fff;border:1px solid #ffffff34;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:780;letter-spacing:1.1px}.thumb-footer{position:absolute;bottom:13px;left:13px;color:#ffffffbd;font-size:9px;font-weight:850;letter-spacing:2.4px}.course-body{display:flex;flex-direction:column;flex:1;padding:15px 16px 13px}.course-tags{display:flex;gap:5px;margin-bottom:10px}.tag{border-radius:99px;padding:4px 7px;font-size:9px;font-weight:780;letter-spacing:.2px}.tag-free{background:#e5f7ed;color:#15955b}.tag-soft{background:#eef2ff;color:#6c77b0}.course-body h3{font-size:14px;line-height:1.38;min-height:40px;margin:0 0 7px;color:#18244b;letter-spacing:-.32px}.course-body p{font-size:10px;line-height:1.56;color:#8a95ac;min-height:45px;margin:0}.card-stats{display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #eef0f6;padding:11px 0;color:#9ba6ba;font-size:9px;margin-top:auto}.card-stats span:first-child{display:flex;gap:4px;align-items:center}.course-actions{display:flex;align-items:center;gap:8px}.outline-btn{border:1px solid #dedcf7;background:#f6f4ff;color:#604ae1;border-radius:9px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:780;flex:1}.icon-btn{border:1px solid #e7eaf3;background:white;width:34px;height:34px;border-radius:9px;color:#8190ad}.course-grid-footer{padding:12px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#9aa4bc;border-top:1px solid #eef0f7}.course-grid-footer a{display:inline-flex;align-items:center;gap:4px;color:#674bdf;font-weight:760}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px;color:#9aa4b9}.empty-state[hidden]{display:none}.empty-state b{color:#233058}.library-bottom{display:flex;align-items:center;gap:17px;background:linear-gradient(100deg,#efeeff,#fff5ef);border:1px solid #e6def8;border-radius:15px;padding:18px 21px;margin-top:18px}.growth-icon{border-radius:12px;width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(120deg,#7258ec,#9c59f1);color:white;flex:none}.library-bottom>div:nth-child(2){flex:1}.library-bottom h3{font-size:14px;margin:0 0 5px}.library-bottom p{font-size:11px;color:#7581a0;margin:0;line-height:1.5}.toast{opacity:0;transform:translate(-50%,12px);transition:all .22s;position:fixed;bottom:24px;left:56%;background:#1b2155;color:white;padding:13px 18px;border-radius:11px;box-shadow:0 15px 25px #1a204f66;pointer-events:none;font-size:12px;max-width:460px;text-align:center;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1420px){.shell{grid-template-columns:246px minmax(0,1fr)}.sidebar .nav-link{font-size:12px}.brand{padding:0 18px}.page-content{padding:22px 25px 35px}.topbar{padding:0 25px}.mode-grid{gap:9px}.mode-card{padding:14px 10px}.studio-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.course-grid{gap:12px;padding:17px}.course-thumb{height:125px}.course-body{padding:12px}}
@media(max-width:1080px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-aside{display:grid;grid-template-columns:1fr 1fr}.mode-card{min-height:175px}.courses-hero-art,.hero-art{right:15px;opacity:.48}.hero-copy{max-width:670px}.library-metrics{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-thumb{height:164px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;top:0;left:-280px;width:270px;height:100dvh;transition:left .2s}.sidebar.open{left:0}.main{width:100%}.mobile-toggle{display:block;border:0;background:none;font-size:22px;color:#4e3cd5;margin-right:12px}.topbar{justify-content:flex-start;padding:0 16px;height:62px}.crumb{font-size:12px}.top-actions{margin-left:auto;gap:8px}.top-bell,.prototype-tag{display:none}.page-content{padding:16px 13px 30px}.hero{min-height:260px;padding:25px 22px;border-radius:19px}.hero h1{font-size:33px}.hero p{font-size:12px}.hero-art,.courses-hero-art{opacity:.15;right:-60px}.hero-tags{gap:5px}.hero-tags span{font-size:9px}.studio-grid{margin-top:15px}.work-card{padding:22px 15px}.work-card h2{font-size:23px}.section-right{font-size:10px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card{min-height:172px}.work-footer{align-items:stretch;flex-direction:column}.work-footer .btn{width:100%}.studio-aside{grid-template-columns:1fr}.below-note{flex-wrap:wrap;line-height:1.7}.below-note span{width:100%;margin-left:0}.hero-buttons{gap:8px;flex-wrap:wrap}.btn{font-size:11px;padding:12px 13px}.library-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:13px 10px;gap:9px}.metric-icon{width:38px;height:38px}.metric strong{font-size:22px}.metric-label{white-space:normal;font-size:10px}.note-metric{grid-column:span 2}.library-panel{border-radius:17px}.panel-top{padding:17px 14px 11px}.tools-row{flex-wrap:wrap;padding:0 13px 13px}.library-tools{width:100%;justify-content:space-between}.course-search{flex:1}.course-search input{max-width:100%;width:100%}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.course-thumb{height:128px}.course-body{padding:11px}.course-body h3{font-size:12px;min-height:47px}.course-body p{font-size:10px;min-height:65px}.card-stats{flex-wrap:wrap}.course-grid-footer{flex-wrap:wrap;padding:13px}.library-bottom{align-items:flex-start;flex-wrap:wrap;padding:17px}.library-bottom .btn{width:100%}}
@media(max-width:420px){.course-grid{grid-template-columns:1fr}.course-thumb{height:170px}.course-body h3,.course-body p{min-height:0}.mode-card{min-height:177px}.hero h1{font-size:29px}.library-tabs .tab{padding:9px 10px;font-size:11px}}

/* Accurate tutorial covers observed in supplied KnovaTwin My Courses screenshot. */
.course-thumb.kt-real-course-cover{padding:0!important;background:#edf0ff!important;overflow:hidden;}
.course-thumb.kt-real-course-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.course-actions a.outline-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.kt-course-snapshot-note{font-size:12px!important;opacity:.86;margin-top:14px!important;}
.kt-outline-editor[hidden]{display:none!important;}

.kt-app-v38 .brand-mark img{width:36px;height:36px;border-radius:9px;object-fit:cover;box-shadow:0 4px 12px #0003;}

/* V3.9 screenshot-parity correction: clean mockup-style course covers.
   Titles and FREE tags remain in the card body, never over the image. */
.course-thumb.kt-minimal-course-cover{position:relative;display:grid;place-items:center;overflow:hidden;background:#7155db!important;}
.course-thumb.kt-minimal-course-cover.lavender{background:linear-gradient(136deg,#7659e6 0%,#a45eef 60%,#d7a0ff 100%)!important;}
.course-thumb.kt-minimal-course-cover.sky{background:linear-gradient(135deg,#2e67d9 0%,#478bea 56%,#56c9ec 100%)!important;}
.course-thumb.kt-minimal-course-cover.royal{background:linear-gradient(135deg,#243eb7 0%,#5b54dc 57%,#a089ed 100%)!important;}
.course-thumb.kt-minimal-course-cover.teal{background:linear-gradient(135deg,#037d89 0%,#24abb4 56%,#54d6c8 100%)!important;}
.course-thumb.kt-minimal-course-cover.indigo{background:linear-gradient(135deg,#312e81 0%,#5b54dc 57%,#a78bfa 100%)!important;}
.course-thumb.kt-minimal-course-cover.ocean{background:linear-gradient(135deg,#0b3d91 0%,#2e67d9 56%,#6ec1ec 100%)!important;}
.course-thumb.kt-minimal-course-cover.gold{background:linear-gradient(135deg,#8a6d1b 0%,#c9a227 56%,#e8c96a 100%)!important;}
.course-thumb.kt-minimal-course-cover .kt-book-cover-icon{position:relative;z-index:2;color:#fff;opacity:.95;filter:drop-shadow(0 12px 9px rgba(15,22,75,.22));}
.course-thumb.kt-minimal-course-cover .thumb-decoration{position:absolute;inset:0;pointer-events:none;opacity:.6;}