body{color:#102c50;background:#f5f9ff}.site-header{box-shadow:none;background:#104386;border-bottom:1px solid #ffffff24}.catalog-hero{color:#fff;background:radial-gradient(at 4% 0,#a1d2ff 0%,#0000 53%),linear-gradient(150deg,#208df3 12%,#007ce7 58%,#064178 100%);position:relative}.hero-inner{isolation:isolate;gap:24px;min-height:570px;padding-block:60px 65px;position:relative}.catalog-hero .eyebrow{color:#fff;align-items:center;gap:10px;display:inline-flex}.catalog-hero .eyebrow:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ffffff30}.hero-inner h1{letter-spacing:-1.8px;font-size:clamp(42px,4.3vw,66px);line-height:1.55}.hero-inner h1>span{color:#fff;background:linear-gradient(150deg,#5579d7,#123daf 65%,#073299);border-radius:26px;margin-top:5px;padding:0 25px 8px;display:inline-block;rotate:-1deg;box-shadow:inset 0 5px 14px #c5e5ff65,0 14px 25px #00296c30}.hero-inner p{color:#f0f7ff;font-size:18px;line-height:2}.catalog-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:27px;display:flex}.catalog-hero-actions .button{color:#0a418a;background:#fff;min-height:56px;box-shadow:0 6px #b3d8ff}.hero-download{color:#fff;text-underline-offset:6px;padding-block:10px;font-size:14px;text-decoration:underline}.hero-tags{gap:10px;margin-top:26px}.hero-tags span{color:#fff;background:#ffffff10;border-color:#ffffff4d;font-size:12px}.hero-art{isolation:isolate;place-items:center;min-width:0;display:grid}.hero-art>img{z-index:1;filter:drop-shadow(0 24px 23px #00357030);max-height:470px;animation:.8s ease-out both brand-arrive;position:relative}.brand-orbit{aspect-ratio:1;z-index:0;border:1px solid #d7ebff5c;border-radius:50%;width:90%;position:absolute;transform:rotate(-20deg)scaleY(.83);box-shadow:0 0 0 30px #cce6ff09}.brand-spark{color:#fff;z-index:2;font-size:44px;position:absolute}.spark-one{top:0;right:10%;rotate:15deg}.spark-two{font-size:26px;bottom:14%;left:4%}.art-note{color:#fff;z-index:3;background:linear-gradient(140deg,#487bdc,#123ea7);border:1px solid #79afff;border-radius:20px;padding:16px 24px;font-size:18px;bottom:10px;left:0;rotate:-6deg;box-shadow:inset 0 2px 8px #d8eaff4d,0 15px 35px #00295742}.catalog-list{padding-block:58px 65px;scroll-margin-top:25px}.list-heading h2{font-size:clamp(26px,2.4vw,35px)}.result-count{color:#0a418a;background:#e3f0ff;border:1px solid #c6dff9;border-radius:50px;padding:5px 14px}.search-form{border:1px solid #d5e4f5;border-radius:24px;margin-bottom:42px;padding:24px;box-shadow:0 6px #e3edf9,0 15px 40px #123e7510}.search-form input,.search-form select{background:#f5f9ff;border-color:#d1e2f6;min-height:56px}.search-form input::placeholder{color:#6c7f97}.search-form .button{border-radius:14px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.course-card{background:#fff;border:1px solid #d6e6f7;border-radius:27px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 6px #e0ebf8}.course-card:hover{border-color:#92bff0;transform:translateY(-7px);box-shadow:0 10px #dce9f9,0 23px 38px #0a418a14}.card-image{background:#dcecff;border-bottom:1px solid #d8e6f5;position:relative}.card-image img{aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.card-body{padding:24px 26px}.card-meta{align-items:center;gap:10px;margin-bottom:17px;font-size:12px}.card-meta>span:first-child{color:#52657c}.card-meta>span:last-child{color:#0b4d99;background:#e6f2ff;border:1px solid #d0e5fc;border-radius:9px;padding:3px 11px}.is-course .card-meta>span:last-child{color:#6d4c0a;background:#fff4d6;border-color:#f0dfb4}.card-body h3{letter-spacing:-.4px;font-size:24px;line-height:1.65}.card-body p{color:#52657c;margin-bottom:22px;font-size:15px;line-height:1.95}.card-bottom{gap:8px;padding-block:13px 0;font-size:12px}.card-link{background:#edf6ff;border:1px solid #d9eafb;border-radius:13px;min-height:48px;margin-top:18px;padding:9px 15px;font-size:14px;transition:background .2s,color .2s}.course-card:hover .card-link{color:#fff;background:#0e70d5;border-color:#0e70d5}.help-panel{background:radial-gradient(at 100% 0,#57a6f7,#0000 60%),linear-gradient(120deg,#0a418a,#117be0);border-radius:30px;gap:25px;padding:40px;position:relative;overflow:hidden;box-shadow:inset 0 2px #b7ddff66}.help-panel h2{font-size:30px}.help-panel p{font-size:15px}.help-mascot{object-fit:contain;filter:drop-shadow(0 12px 15px #00326150);flex:0 0 100px;width:100px;height:135px}.footer{border-color:#d9e6f5}.footer-brand{color:#0a418a}.detail-world{color:#fff;background:radial-gradient(at 0 10%,#9dcaff 0,#0000 52%),linear-gradient(125deg,#1385ed,#0379de 58%,#063b79);position:relative;overflow:hidden}.detail-world .breadcrumbs{color:#e2f0ff;font-size:12px}.detail-world .breadcrumbs a{color:#fff}.detail-world .detail-hero{grid-template-columns:1.1fr 1fr;gap:55px;min-height:480px;padding-block:25px 65px}.detail-world .eyebrow{color:#fff;background:#074caa50;border:1px solid #c0dfff55;border-radius:10px;padding:6px 14px;font-size:13px;display:inline-block}.detail-intro h1{color:#fff;text-shadow:0 4px 14px #00326c22;letter-spacing:-.9px;font-size:clamp(32px,3.4vw,48px);line-height:1.55}.detail-world .subtitle{color:#edf6ff;font-size:18px;line-height:2}.detail-meta{color:#fff;gap:10px;margin-block:22px}.detail-meta span{background:#003c811f;border:1px solid #c6e3ff55;border-radius:30px;padding:4px 12px;font-size:13px}.detail-world .hero-actions>.button:first-child{color:#0a418a;background:#fff;box-shadow:0 5px #a6cff7}.detail-world .button.outline{color:#fff;background:#ffffff0a;border-color:#acd1f3}.detail-world .access-note{color:#e4f1ff;max-width:540px;font-size:12px;line-height:2}.detail-art{isolation:isolate;min-width:0;padding-block:20px 42px;position:relative}.detail-art-orbit{z-index:-1;border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:-12px -20px;transform:rotate(-15deg)}.detail-cover{background:#d9edff;border:7px solid #ffffffdb;border-radius:27px;transition:rotate .4s;rotate:-3deg;box-shadow:0 25px 40px #00326b45,0 0 0 1px #a8cffe}.detail-art:hover .detail-cover{rotate:none}.detail-cover img{aspect-ratio:3/2;object-fit:cover}.detail-art-caption{color:#fff;background:linear-gradient(140deg,#5a7fd3,#183ca8);border:1px solid #8bb7f5;border-radius:17px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;bottom:7px;right:12px;rotate:3deg;box-shadow:inset 0 3px 9px #d3eaff50,0 15px 28px #00307142}.caption-check{color:#0a418a;background:#fff;border-radius:11px;place-items:center;width:35px;height:35px;font-size:22px;display:grid}.detail-art-caption b{font-size:15px}.detail-art-caption small{color:#e3eeff;font-size:12px;display:block}.course-navigation{background:#fff;border:1px solid #d8e6f7;border-radius:17px;align-items:center;gap:32px;margin-block:28px 32px;padding:16px 25px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px #e7eff9}.course-navigation a{white-space:nowrap;color:#0a418a;padding-block:6px}.course-navigation a:last-child{margin-inline-start:auto;font-size:13px;font-weight:400}.course-navigation a:hover{color:#187ce7}.course-navigation a span{background:#edf6ff;border-radius:7px;margin-inline-start:5px;padding:2px 9px;font-size:12px}.detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.content-panel{border-color:#dae6f6;border-radius:25px;margin-bottom:28px;padding:36px;box-shadow:0 5px #e7eff9}.content-panel h2{color:#102e56;font-size:31px}.content-panel .description{color:#455b75;font-size:16px;line-height:2.25}.highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.highlights li{background:#f0f7ff;border:1px solid #dfedfc;border-radius:13px;padding:15px;font-size:14px;line-height:1.95}.highlights li>span{color:#116ec7;text-align:center;background:#daecff;border-radius:8px;flex:0 0 23px;height:23px;margin-top:3px;line-height:23px}.audience-panel{background:radial-gradient(at 0 0,#fff,#0000 70%),#e3f1ff;border-color:#bddbfb;border-radius:24px;padding:30px 36px;position:relative;box-shadow:inset 0 2px #fff}.audience-panel h2{font-size:28px}.audience-panel p{color:#345677;font-size:16px}.syllabus-list{margin-top:28px;position:relative}.syllabus-list li{border-top:0;border-bottom:1px solid #e7eff8;gap:16px;padding:17px 0;position:relative}.syllabus-list li:last-child{border-bottom:0}.chapter-number{color:#fff;background:linear-gradient(145deg,#57adff,#187ce7);border-radius:12px;flex-basis:39px;height:39px;box-shadow:0 4px #c9def6}.chapter-title{color:#193b61;font-size:15px;line-height:1.9}.lesson-count{color:#52657c;background:#f0f6fd;border-radius:7px;padding:3px 9px}.enroll-panel{background:radial-gradient(at 10% 0,#428fe3,#0000 50%),linear-gradient(160deg,#145ab0,#0b3572);border:1px solid #537fbd;border-radius:25px;padding:27px;top:112px;overflow:hidden;box-shadow:inset 0 2px #a3c7fb70,0 8px #d4e4f6}.enroll-art{justify-content:space-between;align-items:center;height:95px;margin-bottom:20px;display:flex}.enroll-art img{object-fit:contain;filter:drop-shadow(0 9px 10px #06225544);width:80px;height:105px;rotate:-6deg}.enroll-art>span{color:#badaff;margin-inline-end:15px;font-size:38px;rotate:10deg}.enroll-panel .eyebrow{color:#e1efff;margin-bottom:8px;font-size:12px}.enroll-panel h2{font-size:26px}.enroll-panel .button{color:#0a418a;background:#fff;font-size:14px;box-shadow:0 5px #aecfff}.enroll-panel .button:hover{box-shadow:0 7px #aecfff}.enroll-panel p,.enroll-panel small{color:#e1edff}.download-app-link{text-align:center;text-underline-offset:5px;color:#fff;margin-top:22px;font-size:12px;text-decoration:underline;display:block}.back-link{color:#d4e7ff;border-top:1px solid #ffffff25;margin-top:18px;padding-top:16px}.instructor-avatar{color:#fff;background:linear-gradient(140deg,#50a5fa,#0a58b9);border-radius:17px;box-shadow:0 4px #c2daf5}.instructor h2{font-size:25px}.related .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related{padding-block:55px 70px}.empty{background:#fff;border:1px dashed #9bbfe8}.button:focus-visible,a:focus-visible{outline-offset:5px}@keyframes brand-arrive{0%{opacity:0;transform:translateY(18px)rotate(-3deg)}to{opacity:1;transform:none}}@media (width<=1100px){.hero-inner{gap:25px;min-height:500px}.hero-inner h1{font-size:49px}.hero-art>img{max-height:420px}.art-note{padding:12px 18px;font-size:16px}.card-body{padding:22px}.card-body h3{font-size:22px}.card-meta{flex-wrap:wrap;gap:8px}.detail-world .detail-hero{gap:35px}.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.content-panel{padding:28px}.highlights{grid-template-columns:1fr}.enroll-panel{padding:23px}.help-mascot{display:none}}@media (width<=900px){.course-grid,.related .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.enroll-panel{max-width:none;position:static}.enroll-art{float:left;margin-inline-start:20px}.enroll-panel .button{max-width:400px}.enroll-panel .download-app-link,.enroll-panel .back-link{text-align:right}.course-navigation{gap:20px}.hero-inner h1{font-size:43px}.hero-inner p{font-size:16px}.hero-inner h1>span{padding-inline:19px}.detail-world .detail-hero{grid-template-columns:1fr 1fr;gap:25px}.detail-intro h1{font-size:34px}.detail-world .subtitle{font-size:16px}.detail-art-caption{padding:10px 13px;right:0}.detail-art-caption b{font-size:13px}.detail-art-caption small{font-size:11px}.detail-world .hero-actions .button{padding-inline:13px;font-size:13px}.hero-art>img{max-height:360px}.art-note{bottom:-15px}.help-panel{padding:32px}.help-panel h2{font-size:28px}}@media (width<=700px){.hero-inner{grid-template-columns:1fr;gap:30px;min-height:0;padding-block:35px 40px}.hero-inner h1{font-size:42px;line-height:1.55}.hero-inner h1>span{border-radius:19px;padding:0 18px 6px}.catalog-hero .eyebrow{margin-bottom:19px;font-size:11px}.hero-inner p{margin-top:19px;font-size:16px}.catalog-hero-actions{gap:20px;margin-top:23px}.catalog-hero-actions .button{gap:18px;min-height:50px;padding:10px 18px;font-size:14px}.hero-download{font-size:12px}.hero-tags{gap:8px;margin-top:22px}.hero-tags span{padding:5px 11px;font-size:11px}.hero-art{width:100%;max-width:330px;padding-bottom:10px}.hero-art>img{max-width:100%;max-height:285px}.brand-spark{font-size:30px}.spark-one{top:5px;right:5%}.art-note{border-radius:15px;padding:11px 17px;font-size:14px;bottom:0;left:0}.catalog-list{padding-block:36px 42px}.list-heading h2{font-size:25px}.result-count{padding:4px 11px;font-size:12px}.search-form{border-radius:20px;margin-bottom:30px;padding:18px}.course-grid,.related .course-grid{grid-template-columns:1fr;gap:24px}.card-body{padding:22px 24px}.card-meta{flex-wrap:nowrap}.card-body h3{font-size:24px}.card-body p{font-size:15px}.help-panel{margin-bottom:40px;padding:30px 24px}.help-panel h2{font-size:26px}.detail-world .breadcrumbs{gap:7px;padding-block:20px;font-size:11px;line-height:1.9}.detail-world .detail-hero{grid-template-columns:1fr;gap:24px;padding-block:0 36px}.detail-art{grid-row:1;width:100%;max-width:440px;margin:auto;padding:10px 7px 40px}.detail-cover{border-width:5px;border-radius:22px;rotate:-2deg}.detail-art-orbit{inset:0 -6px 15px}.detail-art-caption{border-radius:14px;padding:11px 15px;bottom:0;right:18px}.detail-art-caption b{font-size:14px}.detail-art-caption small{font-size:11px}.caption-check{border-radius:10px;width:31px;height:31px}.detail-intro h1{margin-bottom:14px;font-size:32px;line-height:1.6}.detail-world .eyebrow{margin-bottom:15px;padding:4px 10px;font-size:12px}.detail-world .subtitle{font-size:16px}.detail-meta{gap:8px;margin-block:18px}.detail-meta span{padding:3px 10px;font-size:12px}.detail-world .hero-actions{gap:12px}.detail-world .hero-actions .button{min-height:50px;padding-inline:14px;font-size:13px}.detail-world .access-note{margin-top:18px;font-size:11px}.course-navigation{border-radius:15px;flex-wrap:wrap;gap:9px 18px;margin-block:20px 25px;padding:13px 16px;font-size:12px}.course-navigation a:last-child{margin-inline-start:0;font-size:12px}.course-navigation a span{margin-inline-start:3px;font-size:11px}.content-panel{border-radius:21px;margin-bottom:23px;padding:25px 21px}.content-panel h2{font-size:27px}.content-panel .description{font-size:15px;line-height:2.2}.highlights{grid-template-columns:1fr;gap:10px}.highlights li{padding:13px;font-size:14px}.audience-panel{padding:25px 21px}.audience-panel h2{font-size:26px}.audience-panel p{font-size:15px}.chapter-number{border-radius:10px;flex-basis:33px;height:33px;font-size:12px}.chapter-title{font-size:14px}.syllabus-list li{gap:11px;padding:16px 0}.lesson-count{padding:2px 6px;font-size:11px}.enroll-panel{padding:25px}.enroll-panel .button{max-width:none}.enroll-panel .download-app-link,.enroll-panel .back-link{text-align:center}.enroll-art{height:80px}.instructor h2{font-size:23px}.instructor-avatar{width:44px;height:44px}.related{padding-block:35px 50px}.footer nav{line-height:2}}@media (prefers-reduced-motion:reduce){.hero-art>img{animation:none}.course-card,.card-image img,.card-link,.detail-cover{transition:none}.course-card:hover{transform:none}.detail-art:hover .detail-cover{rotate:-3deg}}