:root{font-family:"Segoe UI",Arial,"Noto Sans",sans-serif;color:#eef5ff;background:#040e25;font-synthesis:none;--bg:#040e25;--panel:rgba(15,34,66,.56);--panel2:rgba(20,45,78,.42);--line:rgba(140,186,231,.13);--text:#eef5ff;--muted:#91a3bd;--cyan:#00dce8;--blue:#008cff;--nav:#061b46;--shadow:0 18px 65px #0002}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}input:focus,select:focus,textarea:focus{outline:1px solid var(--cyan)}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}.a1{background:#005ebf30;width:650px;height:650px;right:-200px;top:-280px}.a2{background:#00bcc214;width:560px;height:560px;left:60px;bottom:-400px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:246px;padding:26px 20px 20px;background:linear-gradient(165deg,#0a204782,#07172ad9);border-right:1px solid var(--line);backdrop-filter:blur(28px);z-index:30;display:flex;flex-direction:column}.brand{display:block;position:relative;width:184px;height:58px;overflow:hidden;margin:0 0 24px 8px;mix-blend-mode:screen}.brand img{position:absolute;width:235px;height:235px;max-width:none;left:-21px;top:-83px}.brand small{position:absolute;bottom:0;right:9px;color:#8ba1bb;letter-spacing:3px;font-size:8px}.nav-label{color:#516b8c;font-size:10px;letter-spacing:2px;margin:10px 17px 15px}.nav{display:flex;flex-direction:column;gap:7px}.nav a{padding:14px 16px;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;gap:13px;color:#90a4bf;font-size:13px;font-weight:600;transition:.2s}.nav a:hover{background:#6ecfff09;color:var(--text)}.nav a.active{color:var(--cyan);background:linear-gradient(95deg,#00dce817,#008cff08);border-color:#00dce829;box-shadow:inset 3px 0 var(--cyan)}.nav a.active:after{content:'';width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-left:auto;box-shadow:0 0 12px var(--cyan)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.side-bottom{margin-top:auto}.side-note{padding:19px 16px;border:1px solid var(--line);border-radius:16px;margin:24px 0;color:var(--muted);background:linear-gradient(135deg,#008cff10,transparent)}.side-note strong{display:block;font-size:12px;color:var(--text);margin-bottom:7px}.side-note p{font-size:11px;line-height:1.7;margin:0}.side-note .mini-icon{color:var(--cyan);margin-bottom:9px}.side-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#66809f}.shell{margin-left:246px;min-height:100vh}.topbar{height:88px;padding:0 38px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#06162b55;backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.crumb{font-size:12px;color:var(--muted);min-width:150px}.crumb b{color:var(--text);font-weight:500}.search{margin-left:auto;width:270px;display:flex;align-items:center;border:1px solid var(--line);background:#ffffff03;border-radius:12px;padding:10px 13px;gap:10px;color:#728cac}.search input{border:none;background:none;color:var(--text);width:100%;font-size:11px;outline:none}.search kbd{font-size:9px;white-space:nowrap;color:#536988;border:1px solid var(--line);padding:2px 4px;border-radius:4px}.top-actions{display:flex;gap:14px;align-items:center}.language{border:0;background:none;font-size:11px;font-weight:700}.icon-btn{border:0;background:none;display:grid;place-items:center;padding:7px;color:var(--muted);border-radius:8px}.icon-btn:hover{background:var(--panel2)}.divider{width:1px;height:28px;background:var(--line)}.account-btn{display:flex;gap:9px;align-items:center;background:none;border:0;font-size:12px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#00dce822,#008cff40);color:#68e5ff;font-weight:800;border:1px solid #6ddfff22}.account-btn small{display:block;color:var(--muted);font-size:9px;text-align:left}.mobile-menu{display:none}.main{max-width:1540px;margin:auto;padding:30px 38px 26px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{font-size:28px;letter-spacing:-1px;margin:8px 0}.page-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.muted{color:var(--muted)}.glass{background:linear-gradient(125deg,rgba(25,49,81,.58),rgba(10,25,48,.57));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(24px)}.hero{min-height:386px;display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden;border-color:#45c5ea29;background:radial-gradient(ellipse at 82% 62%,#007bab20,transparent 52%),linear-gradient(115deg,#102942a0,#06152ee0);padding:38px 40px}.hero-copy{position:relative;z-index:2;max-width:540px}.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #00dce829;background:#00dce810;color:#56e4ed;border-radius:30px;font-size:10px;padding:7px 11px}.pill i{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.hero h2{font-size:clamp(30px,3.2vw,48px);line-height:1.17;letter-spacing:-1.8px;font-weight:800;margin:22px 0 15px}.gradient-text{background:linear-gradient(100deg,#53f3f0,#008cff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#9eafc5;font-size:12px;line-height:1.9;max-width:370px;margin-bottom:23px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:10px;padding:12px 17px;background:#ffffff04;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffffff0b}.btn.primary{background:linear-gradient(110deg,#00dce8,#008cff);color:#031936;border:0;box-shadow:0 5px 22px #008cff23}.btn.primary:hover{box-shadow:0 5px 26px #008cff50}.btn svg{width:16px;height:16px}.btn.quiet{background:transparent;border:0;color:var(--muted)}.price{font-weight:800;font-size:22px;letter-spacing:-.5px}.old-price{text-decoration:line-through;color:#6f88a6;font-size:12px;margin-left:8px;font-weight:400}.hero-meta{display:flex;gap:22px;font-size:10px;color:#8098b4;margin-top:25px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta svg{width:14px;height:14px;color:#50aebe}.hero-art{position:relative;display:grid;place-items:center;min-height:300px}.orb{width:245px;height:245px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#00e7e923,transparent 62%);border:1px solid #29d1ed30;box-shadow:inset 0 0 40px #008cff21,0 0 70px #00dce81c;position:relative;display:grid;place-items:center;transform:rotate(-12deg)}.orb:before,.orb:after{content:'';position:absolute;width:320px;height:110px;border-radius:50%;border:1px solid #00dce855;transform:rotate(-32deg);box-shadow:0 0 16px #00dce811}.orb:after{transform:rotate(40deg);width:290px;height:155px;border-color:#008cff40}.power{height:127px;width:127px;border-radius:50%;border:18px solid #00bbef;border-top-color:transparent;position:relative;filter:drop-shadow(0 0 20px #00b6ff70);transform:rotate(12deg)}.power:before{content:'';position:absolute;width:18px;height:77px;background:linear-gradient(#00dce8,#008cff);border-radius:20px;left:36px;top:-26px}.power:after{content:'';position:absolute;left:65px;top:-40px;width:38px;height:38px;border:8px solid #00dce8;border-bottom-color:transparent;border-left-color:transparent;border-radius:0 40px 0 0;transform:rotate(-10deg)}.float-chip{position:absolute;padding:12px 15px;display:flex;gap:10px;align-items:center;background:linear-gradient(125deg,#254964b3,#0e254cbb);border:1px solid #67d8f02e;border-radius:13px;backdrop-filter:blur(14px);box-shadow:0 15px 35px #0003;z-index:2}.float-chip strong{font-size:11px;display:block}.float-chip small{font-size:9px;color:#9db7cd}.float-chip svg{color:var(--cyan);width:24px;height:24px}.chip-top{top:25px;right:-10px;transform:rotate(5deg)}.chip-bottom{bottom:13px;left:-10px;transform:rotate(-5deg)}.orbit-dot{position:absolute;right:38px;bottom:62px;width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:21px 9px;margin-bottom:7px}.benefit{display:flex;gap:12px;align-items:center}.benefit .icon-box{width:35px;height:35px;border-radius:10px;background:#00b7e90c;display:grid;place-items:center;color:#49dbe8;border:1px solid #21c5dc15}.benefit strong{display:block;font-size:11px;font-weight:600}.benefit small{display:block;font-size:10px;color:#788faa;margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 17px}.section-head h2{font-size:18px;letter-spacing:-.5px;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.text-link{font-size:11px;color:#71d9ef;display:flex;align-items:center;gap:6px}.text-link svg{width:14px;height:14px}.home-middle{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.video-card{overflow:hidden;position:relative;min-height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#005c9633,transparent 70%),linear-gradient(145deg,#0b2342,#07142b)}.video-grid{position:absolute;inset:0;background-image:linear-gradient(#6dc9ff05 1px,transparent 1px),linear-gradient(90deg,#6dc9ff05 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}.video-watermark{font-size:76px;font-weight:800;letter-spacing:-5px;color:#6acbff0d;position:absolute}.play{width:59px;height:59px;background:#0dbbef20;border:1px solid #77e9ff77;border-radius:50%;display:grid;place-items:center;color:#69efff;box-shadow:0 0 0 12px #00dce807,0 0 45px #008cff20;z-index:1}.play svg{fill:currentColor;width:23px;height:23px;margin-left:4px;stroke-width:0}.video-caption{position:absolute;left:22px;bottom:18px;font-size:11px}.video-caption small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.video-tag{position:absolute;right:15px;top:14px;font-size:9px;color:#a0b4ca;background:#09172b88;padding:5px 8px;border-radius:6px}.story{padding:25px}.story h3{font-size:19px;line-height:1.5;margin:10px 0}.story p{font-size:11px;color:var(--muted);line-height:1.9}.story .text-link{margin-top:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.course-card{overflow:hidden;transition:transform .2s,border-color .2s}.course-card:hover{transform:translateY(-4px);border-color:#00dce840}.course-art{height:144px;background:radial-gradient(ellipse at 70% 30%,#00dce819,transparent 65%),linear-gradient(125deg,#0d3547,#0a1d38);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-art:before{content:'';width:200px;height:200px;border:1px solid #ffffff0b;position:absolute;border-radius:50%;right:-10px;top:-60px;box-shadow:0 0 0 22px #ffffff03,0 0 0 45px #ffffff02}.course-art.blue{background:linear-gradient(125deg,#0c2452,#103b63)}.course-art.mint{background:linear-gradient(125deg,#103734,#0c263a)}.art-symbol{font-size:75px;font-weight:800;color:#57e6ec;letter-spacing:-6px;text-shadow:0 8px 35px #00dce833;transform:rotate(-10deg)}.blue .art-symbol{color:#4aadff}.mint .art-symbol{color:#5cdfbd;font-size:96px}.tag{position:absolute;left:13px;top:13px;font-size:9px;color:#c9e1ed;background:#0313266b;border:1px solid #ffffff16;padding:5px 9px;border-radius:6px}.discount{position:absolute;right:13px;top:13px;background:#00dce8;color:#073344;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800}.course-body{padding:19px}.course-body .category{font-size:9px;color:#49cbd8;text-transform:uppercase;letter-spacing:1px}.course-body h3{font-size:15px;line-height:1.5;margin:10px 0;min-height:45px;letter-spacing:-.3px}.course-info{display:flex;gap:14px;color:var(--muted);font-size:10px;margin:14px 0 18px}.course-info span{display:flex;gap:5px;align-items:center}.course-info svg{width:12px;height:12px}.course-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between}.course-bottom .price{font-size:16px}.course-bottom .old-price{display:block;font-size:10px;margin:2px 0}.arrow-btn{display:grid;place-items:center;width:33px;height:33px;border:1px solid #36a7d731;background:#008cff0c;border-radius:9px;color:#7addeb}.sample-note{font-size:9px;color:#69849e;display:flex;gap:7px;align-items:center;margin-top:13px}.sample-note svg{width:12px;height:12px}.footer{display:flex;justify-content:space-between;gap:20px;color:#607995;font-size:10px;padding-top:28px;margin-top:25px;border-top:1px solid var(--line)}.footer span:last-child{color:#456583}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.filter{border:1px solid var(--line);background:#ffffff02;color:var(--muted);font-size:11px;padding:9px 15px;border-radius:9px}.filter.selected{background:#00dce819;border-color:#00dce843;color:var(--cyan)}.catalog-detail{margin-top:16px;padding:24px;grid-column:1/-1}.lesson-list{display:flex;flex-direction:column;gap:9px;margin:20px 0}.lesson{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#ffffff02;width:100%;text-align:left}.lesson:hover{border-color:#00dce840}.lesson-index{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#00dce80a;color:#59dce5;font-size:12px}.lesson-title{font-size:12px}.lesson small{color:var(--muted);margin-left:auto;font-size:10px}.lesson svg{width:16px;color:var(--muted)}.expert-avatar{width:85px;height:85px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#00dce831,#008cff12);font-size:32px;color:#6de5f2;border:1px solid #5adefa30;margin:auto}.expert-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.expert-card{text-align:center;padding:28px 22px}.expert-card h3{margin:18px 0 6px;font-size:18px}.expert-card p{font-size:11px;color:var(--muted);line-height:1.8}.expert-card .btn{width:100%;margin-top:16px}.empty{padding:65px 25px;text-align:center}.empty>svg{width:44px;height:44px;color:#53a3c0;margin-bottom:10px}.empty h2{font-size:22px}.empty p{color:var(--muted);font-size:12px;line-height:1.9;max-width:460px;margin:15px auto 25px}.profile-summary{padding:26px;display:flex;gap:20px;align-items:center;margin-bottom:22px}.profile-summary .avatar{width:64px;height:64px;font-size:26px}.profile-summary h2{font-size:21px;margin:0 0 7px}.profile-summary p{color:var(--muted);font-size:11px;margin:0}.profile-summary .btn{margin-left:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.stat{padding:20px}.stat span{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:28px;margin-top:9px}.stat strong small{color:var(--muted);font-size:12px;margin-left:5px}.progress{height:5px;background:#ffffff09;border-radius:4px;overflow:hidden;margin:14px 0 4px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:4px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.data-table th,.data-table td{padding:16px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:var(--muted);font-weight:500}.admin-tabs{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;text-align:left}.field label{font-size:11px;color:var(--muted)}.field input,.field select,.field textarea,.inline-select{width:100%;background:#07172c;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--text);font-size:12px}.field textarea{min-height:85px;resize:vertical}.inline-select{width:auto;padding:7px}.check-row{display:flex;gap:8px;align-items:center;font-size:11px;margin:10px 0}.check-row input{accent-color:var(--cyan)}.notice{padding:12px 15px;font-size:11px;line-height:1.7;border:1px solid #00dce828;background:#00dce808;border-radius:10px;color:#9bbbcf;margin:14px 0}.notice.error{border-color:#e271713a;color:#ffafaf;background:#f445450b}.demo-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:22px;border:1px dashed #7991ab35;border-radius:10px;padding:10px 13px}.demo-bar select{background:#0b203c;color:#b9d4e6;border:1px solid var(--line);border-radius:6px;font-size:10px;padding:5px}.modal-overlay{position:fixed;inset:0;background:#010715be;backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{width:min(100%,500px);max-height:90vh;overflow:auto;padding:30px;background:linear-gradient(145deg,#122943,#08172e);border:1px solid #72d4ee2d;border-radius:22px;box-shadow:0 30px 100px #0007;position:relative}.modal.wide{width:min(100%,850px)}.modal h2{font-size:23px;margin:9px 35px 13px 0;letter-spacing:-.7px}.modal p{color:var(--muted);font-size:12px;line-height:1.8}.close{position:absolute;right:17px;top:16px;background:#ffffff06;border:1px solid var(--line);border-radius:50%;height:28px;width:28px;display:grid;place-items:center}.close svg{width:14px}.modal video{width:100%;max-height:440px;background:#000;border-radius:12px}.modal .btn.primary.full{width:100%}.quiz-options{display:grid;gap:10px;margin:20px 0}.quiz-option{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:10px;font-size:12px;cursor:pointer}.quiz-option:has(input:checked){border-color:var(--cyan);background:#00dce809}.quiz-option input{accent-color:var(--cyan)}.score-circle{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;border:6px solid var(--cyan);margin:25px auto;font-size:30px;font-weight:800;box-shadow:0 0 30px #00dce815}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#12314b;border:1px solid #00dce850;padding:14px 23px;border-radius:12px;color:#e3faff;z-index:150;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.event-meta{font-size:10px;color:var(--muted);display:flex;gap:15px;margin:15px 0}.date-box{position:absolute;bottom:14px;left:14px;background:#05162a9c;backdrop-filter:blur(12px);padding:9px 12px;border:1px solid #ffffff1a;border-radius:9px;font-size:10px}.live-badge{display:flex;align-items:center;gap:6px;color:#73e8ec;font-size:10px}.live-badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.admin-card{padding:24px}.contact-line{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:12px}.faq{padding:20px 24px;margin-top:10px}.faq summary{cursor:pointer;font-size:13px}.faq p{font-size:12px;color:var(--muted);line-height:1.9}.light{--bg:#edf5fa;--panel:#ffffffaa;--panel2:#e8f3fbcc;--line:#16487d20;--text:#102b48;--muted:#60748a;--shadow:0 15px 40px #1b568009;background:#edf5fa;color:var(--text)}.light .sidebar{background:#ffffffaa}.light .topbar{background:#f8fcffbb}.light .glass{background:linear-gradient(125deg,#ffffffdb,#f2faffb5)}.light .hero{background:radial-gradient(ellipse at 80% 50%,#00bfff18,transparent 60%),#f7fcff}.light .hero p{color:#527089}.light .brand{mix-blend-mode:multiply}.light .modal{background:#f5fbff}.light .field input,.light .field select,.light .field textarea,.light .inline-select{background:#fff}.light .course-art,.light .video-card{color:#effaff}.light .float-chip{background:#edfaffd4}.light .float-chip small{color:#55778d}.light .demo-bar select{background:#fff;color:#345}.light .nav a:hover{color:#143959}.light .hero-meta{color:#52718b}.light .benefit strong{color:#163348}.light .story p{color:#60748a}.light #toast{color:#effaff}
@media(min-width:1600px){.hero{min-height:440px}.hero-art{min-height:330px}.hero h2{font-size:54px}.course-art{height:180px}}
@media(max-width:1150px){.sidebar{width:214px;padding:23px 14px}.shell{margin-left:214px}.topbar{padding:0 24px;gap:15px}.main{padding:26px 24px}.hero{padding:30px;grid-template-columns:1.15fr .85fr}.hero-art{transform:scale(.85)}.hero h2{font-size:37px}.chip-top{right:-30px}.chip-bottom{left:-25px}.search{width:220px}.crumb{min-width:95px}.cards{gap:13px}.course-body{padding:16px}.top-actions{gap:8px}}
@media(max-width:900px){.sidebar{width:190px;padding:20px 12px}.shell{margin-left:190px}.brand{margin-left:0;transform:scale(.85);transform-origin:left}.nav a{font-size:11px;padding:12px;gap:10px}.main{padding:24px 20px}.topbar{height:74px;padding:0 20px}.search{width:180px}.crumb,.search kbd,.account-btn>span:last-child{display:none}.hero{grid-template-columns:1fr;min-height:330px;padding:30px}.hero-copy{max-width:70%}.hero-art{position:absolute;right:-72px;top:15px;width:280px;opacity:.58;transform:scale(.8)}.hero h2{font-size:35px}.hero p{max-width:300px}.float-chip{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-middle{grid-template-columns:1fr 1fr}.benefit-strip{gap:10px}.benefit small{font-size:9px}.benefit strong{font-size:10px}.benefit .icon-box{display:none}.story{padding:20px}.story h3{font-size:17px}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);width:235px;transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:50px 0 100px #0008;background:#06172ef2}.shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:65px;padding:0 15px;gap:10px}.search{width:auto;flex:1;padding:9px;min-width:0}.top-actions{gap:5px}.top-actions .divider,.notification-btn{display:none}.main{padding:23px 16px}.page-head h1{font-size:25px}.page-head p{font-size:11px}.page-head>.text-link{display:none}.hero{padding:27px 24px;min-height:390px}.hero-copy{max-width:100%}.hero h2{font-size:36px;max-width:310px}.hero p{max-width:270px}.hero-art{right:-145px;top:74px;opacity:.3}.hero-meta{gap:13px;font-size:9px}.hero-actions{gap:13px}.hero-actions .price{font-size:19px}.hero .old-price{font-size:10px}.benefit-strip{padding:18px 2px;gap:10px}.benefit strong{font-size:9px}.benefit small{font-size:8px;line-height:1.5}.home-middle{grid-template-columns:1fr}.video-card{min-height:220px}.story{padding:24px}.cards{grid-template-columns:1fr}.course-art{height:165px}.course-body h3{min-height:0}.course-body{padding:20px}.section-head h2{font-size:17px}.section-head p{font-size:10px}.footer{font-size:9px;line-height:1.8}.stats-grid{gap:9px}.stat{padding:14px}.stat span{font-size:9px}.stat strong{font-size:23px}.profile-summary{padding:19px;gap:12px;flex-wrap:wrap}.profile-summary h2{font-size:17px}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:14px}.modal{padding:24px}.demo-bar{align-items:start;gap:8px;font-size:9px}.hero .btn{font-size:10px}.page-head{align-items:start}.expert-card{padding:30px}.catalog-detail{padding:18px}}
.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#264569 transparent}.brand{flex-shrink:0;min-height:58px;mix-blend-mode:lighten;margin-bottom:17px}.brand small{display:none}.side-note{margin:16px 0;padding:15px}.nav{gap:4px}.nav a{padding-top:12px;padding-bottom:12px}.light .brand{mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Readable typography and theme-aware contrast. */
body{font-family:"Segoe UI",Arial,"Noto Sans",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.price,.lesson-title,.course-body h3,.profile-summary h2{color:var(--text)}
.page-head h1{font-size:30px;font-weight:700;letter-spacing:-.5px}.page-head p{font-size:14px}.page-head p:empty{display:none}
.hero h2{font-size:40px;line-height:1.2;letter-spacing:-.8px;font-weight:700}.hero p{font-size:15px;line-height:1.75}.hero-meta{font-size:12px}.hero{min-height:340px;align-items:center}.hero-art{min-height:260px}
.nav a{font-size:14px}.nav-label{font-size:11px}.crumb{font-size:13px}.search input{font-size:13px}.search kbd{display:none}.language{font-size:12px}.account-btn{font-size:13px}.account-btn small{font-size:11px}
.btn{font-size:13px}.pill{font-size:11px}.course-body h3{font-size:17px;font-weight:600}.course-info,.event-meta{font-size:12px}.course-body .category{font-size:11px;letter-spacing:.5px}.course-bottom .old-price{font-size:12px}.tag,.discount,.date-box{font-size:11px}
.section-head h2{font-size:22px;font-weight:650}.text-link{font-size:13px}.sample-note,.footer{font-size:12px}.demo-bar,.demo-bar select{font-size:12px}.faq summary{font-size:15px}.faq p,.modal p,.expert-card p,.story p{font-size:14px}.lesson-title{font-size:14px}.lesson small{font-size:12px}.field label,.field input,.field select,.field textarea,.inline-select,.data-table,.check-row,.notice{font-size:13px}.stat span{font-size:13px}.stat strong small{font-size:13px}.profile-summary p{font-size:13px}
.promo-wide{min-height:290px}.video-caption{font-size:14px}.video-caption small{font-size:12px}.side-bottom{padding-top:30px}.side-footer{font-size:11px}
.light{--text:#102b48;--muted:#435b73;--cyan:#007984;--blue:#0064bf;--line:rgba(6,27,70,.17);background:#f2f6fb;color:var(--text)}
.light .nav a{color:#405972}.light .nav a.active{color:#005e70;background:#d9f0f5;border-color:#8bc9d4;box-shadow:inset 3px 0 #007984}.light .nav-label,.light .side-footer,.light .footer,.light .footer span:last-child,.light .sample-note{color:#516780}
.light .hero p,.light .hero-meta,.light .story p,.light .expert-card p,.light .modal p,.light .faq p,.light .page-head p,.light .profile-summary p,.light .empty p,.light .course-info,.light .event-meta,.light .lesson small{color:#435b73}
.light .eyebrow,.light .text-link,.light .course-body .category{color:#006577}.light .pill{color:#005c69;background:#daf3f5;border-color:#80cbd2}.light .gradient-text{background:none;color:#0067b7}.light .old-price{color:#5b6d82}
.light .icon-btn,.light .search,.light .search input::placeholder{color:#4b6179}.light .search{background:#fff9}.light .filter{color:#40546e;background:#fff8}.light .filter.selected{color:#005f70;background:#d9f0f5;border-color:#80becb}
.light .btn:not(.primary){color:#153855;border-color:#9cb8ce}.light .btn.primary{color:#fff;background:linear-gradient(110deg,#007c96,#0064c7)}.light .arrow-btn{color:#00627c;background:#e1f0f6;border-color:#a4c8d9}.light .avatar{color:#075d80;background:#d4edf7;border-color:#94c6d8}.light .notice{color:#254d68;background:#e9f4f9;border-color:#a0c8d7}.light .notice.error{color:#9c2525;background:#fff1f1;border-color:#d7a0a0}.light .demo-bar{color:#435b73;border-color:#9fb2c5}
.light .video-card{background:radial-gradient(ellipse at center,#006da025,transparent 70%),linear-gradient(145deg,#0b2342,#07142b)}.light .video-caption{color:#f2f8ff}.light .video-caption small{color:#bfcede}.light .play{color:#65edff}
.brand,.light .brand{mix-blend-mode:normal;display:flex;align-items:center;width:184px;height:62px;min-height:62px;overflow:visible;position:relative}.brand img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;left:auto;top:auto}
.light .brand::after{content:"";position:absolute;inset:0;background:#061b46;mask:url('assets/logo-transparent.png') center/contain no-repeat;-webkit-mask:url('assets/logo-transparent.png') center/contain no-repeat;clip-path:inset(0 45% 0 0);pointer-events:none}
@media(max-width:900px){.hero h2{font-size:34px}.brand{width:164px}.search{min-width:130px}}
@media(max-width:650px){.hero{min-height:360px}.hero h2{font-size:31px}.hero p{font-size:14px}.hero-meta{font-size:11px;flex-wrap:wrap}.hero .btn{font-size:13px}.page-head h1{font-size:27px}.page-head p{font-size:13px}.course-body h3{font-size:17px}.stat span{font-size:11px}.stat strong small{font-size:11px}.demo-bar,.demo-bar select{font-size:11px}.footer{font-size:11px}.section-head h2{font-size:20px}.promo-wide{min-height:240px}.search{min-width:0}.nav a{font-size:14px}}

.brand::after{content:"";position:absolute;inset:0;background:#fff;mask:url("assets/logo-transparent.png") center/contain no-repeat;-webkit-mask:url("assets/logo-transparent.png") center/contain no-repeat;clip-path:inset(0 42% 0 0);pointer-events:none}.light .brand::after{background:#061b46;clip-path:inset(0 42% 0 0)}
/* The selected navigation item is a continuous cutout into the page canvas. */
body{--page-canvas:#09172d;--sidebar-pad:20px;background:var(--page-canvas)}
body.light{--page-canvas:#f2f6fb}
.ambient{display:none}.shell{background:var(--page-canvas)}
.sidebar,.light .sidebar,.sidebar.open{background:#061b46;border-right:0;backdrop-filter:none}
.nav{margin-right:calc(-1 * var(--sidebar-pad));gap:8px;padding:12px 0}
.nav a,.light .nav a{position:relative;margin-right:0;padding:14px 24px 14px 18px;border:0;border-radius:28px 0 0 28px;color:#c7d6eb;transition:color .18s,background-color .18s}
.nav a:hover,.light .nav a:hover{color:#fff;background:#ffffff0b}
.nav a.active,.light .nav a.active{color:var(--text);background:var(--page-canvas);border:0;box-shadow:none;font-weight:700}
.nav a.active::before,.nav a.active::after{content:"";position:absolute;right:0;width:24px;height:24px;margin:0;border-radius:0;box-shadow:none;pointer-events:none}
.nav a.active::before{top:-24px;background:radial-gradient(circle at top left,transparent 24px,var(--page-canvas) 24.5px)}
.nav a.active::after{bottom:-24px;background:radial-gradient(circle at bottom left,transparent 24px,var(--page-canvas) 24.5px)}
.sidebar .nav-label,.sidebar .side-footer,.light .sidebar .nav-label,.light .sidebar .side-footer{color:#93accd}
.sidebar .icon-btn,.light .sidebar .icon-btn{color:#bed1ec}
.light .sidebar .brand::after{background:#fff}
@media(max-width:1150px){body{--sidebar-pad:14px}}
@media(max-width:900px){body{--sidebar-pad:12px}.nav a,.light .nav a{padding-left:14px;padding-right:14px}}
@media(max-width:650px){.nav a.active::before,.nav a.active::after{display:none}.nav{margin-right:0}.nav a,.light .nav a{border-radius:24px}}
/* Frosted surfaces: shared lighting, translucent fills and polished edges. */
body{--glass-fill:linear-gradient(130deg,#b8e7ff12,#3a83b00c 48%,#06204138);--glass-edge:#b4dfff38;--glass-shadow:inset 0 1px 0 #e7f7ff24,inset 1px 0 0 #ccefff0d,0 14px 38px #00000024;--glow-cyan:#00dce829;--glow-blue:#008cff40}
body.light{--glass-fill:linear-gradient(130deg,#ffffff9e,#ffffff42 48%,#ecfaff66);--glass-edge:#ffffffd9;--glass-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb3,0 14px 36px #164d7c14,0 1px 3px #164d7c0c;--glow-cyan:#00dce833;--glow-blue:#008cff26}
.shell{background:linear-gradient(90deg,var(--page-canvas) 0,transparent 180px),radial-gradient(ellipse at 94% 15%,var(--glow-blue),transparent 55%),radial-gradient(ellipse at 48% 78%,var(--glow-cyan),transparent 54%),var(--page-canvas);background-attachment:fixed}
.glass,.light .glass,.hero,.light .hero,.modal,.light .modal{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}
.hero,.light .hero{background:radial-gradient(ellipse at 83% 60%,#00dce814,transparent 60%),var(--glass-fill)}
.topbar,.light .topbar{background:#10274745;border-bottom:1px solid #b4dfff24;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 32px #0000000a;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}
.light .topbar{background:#ffffff50;border-bottom-color:#ffffffb3}
.sidebar,.light .sidebar{box-shadow:inset 1px 0 0 #d7f4ff1a; background:linear-gradient(150deg,#18346330,#061b4600 55%),#061b46}
.search,.light .search,.filter,.light .filter,.btn:not(.primary),.light .btn:not(.primary),.arrow-btn,.light .arrow-btn{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #123b6810;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.filter.selected,.light .filter.selected{background:linear-gradient(135deg,#00dce829,#008cff19);border-color:#20b4d080;color:var(--text)}
.btn.primary,.light .btn.primary{box-shadow:inset 0 1px 0 #ffffff6b,inset 0 -1px 0 #003e7030,0 6px 24px #008cff30}
.course-art{box-shadow:inset 0 1px 0 #ffffff30;background-blend-mode:screen;opacity:.94}
.video-card,.light .video-card{background:radial-gradient(ellipse at 65% 45%,#00a7d12e,transparent 65%),linear-gradient(135deg,#0a2846bd,#05152bd9);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
.modal,.light .modal{background-color:#09172dd9}.light .modal{background-color:#eef7f9df}
.course-card:hover,.expert-card:hover{border-color:#52dbea99;box-shadow:var(--glass-shadow),0 8px 30px #00aaff18}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.hero,.modal{background-color:#10253e}.light .glass,.light .hero,.light .modal{background-color:#f1f8fc}}
.shell{background-attachment:scroll}
.sidebar .icon-btn,.light .sidebar .icon-btn{background:transparent;border:0;box-shadow:none}
.studio-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.manager-panel{padding:24px;margin:24px 0}.manager-panel details{padding:16px 0;border-bottom:1px solid var(--line)}.manager-panel summary{cursor:pointer;font-weight:600}.manager-panel h3{margin:24px 0 16px}.manager-panel .cards{margin:16px 0}