:root{color-scheme:dark;--bg:#080d16;--surface:#0e1622;--text:#e8edf5;--muted:#929eb2;--cyan:#00d6ee;--line:#1c293c;--purple:#8965ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:#fff;color:#000;z-index:50}.skip:focus{top:10px}#progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));z-index:30;width:0}header{position:fixed;top:0;width:100%;z-index:20;background:#080d16d9;backdrop-filter:blur(18px);border-bottom:1px solid #142332}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:1px}.logo{display:grid;place-items:center;background:linear-gradient(130deg,#00c9ed,#8257ff);height:34px;width:34px;border-radius:10px;color:white;font-size:17px;box-shadow:0 0 30px #009ed51c}nav{display:flex;gap:34px}nav a{font-size:14px;color:var(--muted);position:relative;padding:24px 0}nav a:hover,nav a.active{color:var(--cyan)}nav a.active:after{content:"";position:absolute;height:2px;width:100%;bottom:14px;left:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.menu{display:none}.hero{min-height:100svh;min-height:max(760px,100svh);position:relative;display:grid;place-items:center;overflow:hidden;padding:140px 24px 130px;background:radial-gradient(ellipse at 50% 42%,#101b2d55,transparent 60%)}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#29364b13 1px,transparent 1px),linear-gradient(90deg,#29364b13 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#0009,transparent 72%)}.halo{position:absolute;width:550px;height:260px;max-width:90vw;background:radial-gradient(ellipse,#00678619,transparent 70%);filter:blur(35px)}.hero-content{text-align:center;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:500}.pill{display:inline-block;border:1px solid #00c7e64a;border-radius:30px;padding:7px 19px;background:#00233340;letter-spacing:.7px}.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.25;letter-spacing:1px;margin:30px 0;color:#19c5ed;font-weight:800}.hero h1 span{background:linear-gradient(100deg,#3fa8fb,#9a6cff);background-clip:text;color:transparent}.lead{font-size:20px;color:#9aa9bf;margin:32px 0 46px}.primary{display:inline-flex;align-items:center;gap:24px;background:linear-gradient(100deg,#00c8ef,#8057ff);padding:15px 28px;border-radius:12px;font-weight:700;font-size:15px;color:white;box-shadow:0 4px 28px #00bfe82b;transition:transform .2s,box-shadow .2s}.primary:hover{box-shadow:0 5px 38px #00bfe84b;transform:translateY(-3px)}.primary span{font-size:22px}.scroll{position:absolute;bottom:47px;display:flex;flex-direction:column;align-items:center;gap:13px}.scroll span{font-size:9px;letter-spacing:4px;color:#62728e}.scroll i{display:block;width:18px;height:31px;border:1px solid #274252;border-radius:15px}.scroll i:before{content:"";display:block;width:3px;height:6px;margin:7px auto;background:var(--cyan);border-radius:3px;animation:scroll 2s infinite}.hero-caption{position:absolute;bottom:52px;left:32px;color:#4e5e74;font-size:11px;writing-mode:vertical-rl;letter-spacing:3px}.section{padding-top:110px;padding-bottom:110px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.5px;line-height:1.4;margin:16px 0 22px}h3{font-size:20px;line-height:1.5;margin:21px 0 13px}.section-head p,.muted,.about p{color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#111b2980,#0b111bc7);border-radius:9px;padding:28px;text-align:left;transition:border-color .25s,transform .25s}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--x,50%) var(--y,50%),#05c5ea11,transparent 70%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card:hover{border-color:#25869b88;transform:translateY(-4px)}.card p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 22px}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}.icon{font-size:25px;color:var(--cyan);width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#0bb8df0d;border:1px solid #119aaa26}.tag{font-size:10px;letter-spacing:1px;color:#778caa}.card-bottom{padding-top:20px;border-top:1px solid #1a283b;font-size:11px;color:#8395b2}.nodes{font-size:9px;letter-spacing:3px;color:#35697d}.card:hover .nodes{color:var(--cyan)}.fine{font-size:12px;color:#69778d;line-height:1.9;margin-top:23px}.divider{height:1px;background:linear-gradient(90deg,transparent,#0eb0cf66,transparent);width:85%;margin:auto}.number{color:#64839c;font-size:10px;letter-spacing:2px}.services .card{padding:34px 28px}.services h3{font-size:24px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.chips span{font-size:11px;padding:4px 8px;background:#13233788;color:#86a8c0;border-radius:4px}.text-link{color:var(--cyan);font-size:13px}.process{margin-top:80px}.process h3{font-size:23px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;margin-top:34px;gap:25px}.process li{border-top:1px solid #29405a;padding-top:22px;display:flex;flex-direction:column;gap:8px}.process b{color:var(--cyan);font-size:12px;font-weight:400}.process strong{font-size:17px;font-weight:500}.process li span{color:var(--muted);font-size:13px}.tinted{background:#0c121db0;border-top:1px solid #172130;border-bottom:1px solid #172130}.course-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.course-layout h2{font-size:44px}.lessons details{border-bottom:1px solid #243043;padding:20px 0}.lessons summary{list-style:none;display:flex;gap:24px;align-items:center;font-size:18px;cursor:pointer;padding:8px 0}.lessons summary::-webkit-details-marker{display:none}.lessons summary span{font-size:11px;color:var(--cyan)}.lessons summary i{margin-left:auto;font-style:normal;color:#7f91aa;font-size:20px}.lessons details[open] i{transform:rotate(45deg)}.lessons p{margin:10px 0 6px 41px;color:var(--muted);font-size:14px;line-height:2}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:130px}.about p{line-height:2.1}.principles{padding-top:15px}.principles>div{position:relative;padding-left:58px;border-bottom:1px solid #19283b;padding-bottom:14px;margin-bottom:22px}.principles>div>span{position:absolute;left:0;top:3px;color:var(--cyan);font-size:25px}.principles h3{font-size:18px;margin:0}.principles p{font-size:13px;margin:7px 0}.contact-panel{padding:70px 32px;text-align:center;border:1px solid #244358;border-radius:12px;background:radial-gradient(ellipse at 50% 100%,#00577b21,transparent 65%),#0c141e}.contact-panel h2{font-size:42px}.contact-panel p{color:var(--muted)}.contact-pending{font-size:13px;border:1px solid #28384e;display:inline-block;padding:12px 25px;border-radius:8px}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-links a{color:var(--cyan)}footer{padding-top:20px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid #1b2638}.footer-main p{color:#677a94;font-size:12px}.footer-nav{display:flex;gap:25px;font-size:12px;color:var(--muted)}.copyright{padding:22px 0 32px;display:flex;justify-content:space-between;gap:20px;color:#60718a;font-size:11px}.mobile{display:none}dialog{background:#101926;color:var(--text);border:1px solid #315067;border-radius:16px;width:min(590px,calc(100% - 32px));padding:42px;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#030810b8;backdrop-filter:blur(6px)}dialog h2{font-size:29px}dialog p{font-size:14px;color:var(--muted);line-height:2}.close{position:absolute;right:15px;top:8px;background:none;border:0;color:#afbdd1;font-size:30px;min-width:44px;min-height:44px}.flow{border:1px solid #263d53;padding:17px;border-radius:8px;color:#87c8da!important}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(8px);opacity:1}}@media(max-width:900px){nav{gap:20px}.grid{grid-template-columns:repeat(2,1fr)}.services .card:last-child{grid-column:1/-1}.course-layout,.about{gap:45px}.hero-caption{display:none}.section-head p{font-size:13px}.footer-nav{gap:14px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.nav{height:66px}.brand{font-size:18px}.menu{display:block;background:none;border:1px solid #26374e;border-radius:6px;font-size:20px;width:42px;height:42px}nav{position:absolute;top:66px;left:0;right:0;background:#0b1421;display:none;flex-direction:column;padding:18px 24px;gap:0;border-bottom:1px solid #26374e}nav.open{display:flex}nav a{padding:12px 0}nav a.active:after{display:none}.hero{min-height:740px;min-height:100svh;padding:130px 20px}.pill{font-size:8px;padding:7px 11px;letter-spacing:.1px}.hero h1{font-size:42px;margin-top:30px}.hero h1 span{display:block}.lead{font-size:14px;margin:25px 0 36px}.scroll{bottom:30px}.section{padding-top:72px;padding-bottom:72px}.section-head{display:block;margin-bottom:30px}.section-head p{font-size:14px}.grid,.course-layout,.about{grid-template-columns:1fr;gap:18px}.services .card:last-child{grid-column:auto}.card{padding:24px}.mobile{display:block}.course-layout h2{font-size:35px}.process{margin-top:48px}.process ol{grid-template-columns:repeat(2,1fr);gap:25px}.lessons summary{font-size:16px}.about{gap:28px}.contact-panel{padding:50px 18px}.contact-panel h2{font-size:30px}.contact-panel p{font-size:13px}.footer-main{display:block}.footer-nav{margin-top:30px;justify-content:space-between;gap:8px}.copyright{flex-wrap:wrap;font-size:10px}dialog{padding:35px 24px}.eyebrow{font-size:10px}.primary{padding:13px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}