*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#07111e;color:#e8edf5;font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px;line-height:1.7}a{color:#dbeaff;text-decoration:none}a:hover{color:#55e8ff}img{border:0}.site-shell{overflow:hidden}.container{width:100%;max-width:1216px;margin:0 auto;padding-left:24px;padding-right:24px}.page-pad{padding-top:28px;padding-bottom:80px}.topbar{border-bottom:1px solid rgba(176,202,233,.12);background:#07111e}.nav-row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;line-height:1.05;letter-spacing:.15em;white-space:nowrap}.brand-mark{display:inline-block;width:40px;height:40px;padding-top:3px;border-radius:20px;border:1px solid #92eaff;color:#c4f6ff;text-align:center;font-size:30px;line-height:30px;background:linear-gradient(135deg, #1c73df, #0b1e3d);box-shadow:0 0 24px rgba(44,157,255,.4)}.brand strong{display:block;font-size:13px;font-weight:bold}.brand small{display:block;margin-top:4px;color:#aeb9ca;font-size:8px}.brand em{display:block;margin-top:4px;color:#9beeff;font-size:9px;font-style:normal;letter-spacing:.1em}.nav-links{display:flex;gap:30px;font-size:14px}.nav-links a,.nav-action a{color:#cbd5e1}.nav-links .active,.nav-action .active{color:#63e9ff}.nav-action a{display:inline-block;padding:7px 13px;border:1px solid rgba(117,201,255,.5);border-radius:7px;color:#fff;background:linear-gradient(120deg, #1b6de6, #2665dc)}.hero{position:relative;overflow:hidden;border:1px solid rgba(169,208,247,.14);border-radius:24px;background:#040b14}.hero-image{display:block;width:100%;height:auto}.hero-shade{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(5, 15, 28, 0.97) 0%, rgba(5, 15, 28, 0.72) 35%, rgba(5, 15, 28, 0.08) 70%, rgba(5, 15, 28, 0.4) 100%)}.hero-copy{position:absolute;top:50%;left:6%;width:44%;transform:translateY(-50%)}.eyebrow{margin:0 0 11px;color:#8eeeff;font-size:11px;font-weight:bold;letter-spacing:.16em}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:16px;color:#fff;font-size:46px;line-height:1.18;letter-spacing:-.04em}h2{margin-bottom:13px;color:#fff;font-size:32px;line-height:1.28;letter-spacing:-.03em}h3{margin-bottom:10px;color:#fff;font-size:22px;line-height:1.35}.hero-copy p:not(.eyebrow):not(.button-row),.section-head p,.card-body p,.detail-copy > p,.section-intro,.discussion p,.member-head p{color:#b8c4d4}.button-row{margin-top:25px}.button{display:inline-block;margin-right:9px;padding:11px 16px;border:1px solid rgba(173,217,247,.3);border-radius:9px;font-size:14px;font-weight:bold;transition:transform .18s,background .18s}.button:hover{transform:translateY(-1px)}.button.primary{color:#062032;border-color:#4adff8;background:linear-gradient(115deg, #59f2ff, #36c7ed)}.button.secondary{color:#f2f6ff;background:rgba(5,16,29,.52)}.benefits{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid rgba(176,202,233,.12)}.benefits > div{width:32%;display:flex;gap:12px;align-items:flex-start}.benefits p{margin-bottom:0;color:#acb8c9;font-size:14px}.benefits strong{color:#f4f8ff}.benefit-icon{display:inline-block;margin-top:4px;color:#51e6fb;font-size:11px;font-weight:bold}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:75px;padding-bottom:28px}.section-head p{margin-bottom:0}.text-link{color:#5deafa;font-size:14px;font-weight:bold;white-space:nowrap}.card-grid{display:flex;flex-wrap:wrap;gap:22px}.course-card,.column-card{flex:1 1 360px;overflow:hidden;border:1px solid rgba(176,202,233,.12);border-radius:17px;background:linear-gradient(145deg, rgba(33, 48, 67, 0.88), rgba(12, 25, 42, 0.9))}.course-card img{display:block;width:100%;height:auto;background:#07111e}.card-body,.column-card{padding:22px}.pill{display:inline-block;margin-bottom:11px;padding:3px 8px;border-radius:12px;color:#fff;background:#1f6ee8;font-size:11px;font-weight:bold}.pill.cyan{color:#062a32;background:#59e8f8}.pill.silver{color:#162131;background:#cbd5e1}.meta{margin-bottom:11px;color:#9aaabd;font-size:12px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(176,202,233,.12);color:#b7c4d6;font-size:13px}.card-foot strong{color:#fff}.enterprise{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:72px;padding:45px;border:1px solid rgba(89,232,255,.22);border-radius:19px;background:linear-gradient(105deg, #0c1d35, #0b1730 58%, #102b56)}.enterprise p{max-width:700px;margin-bottom:0;color:#b8c4d4}.faq{margin-top:72px;padding:42px;border:1px solid rgba(176,202,233,.12);border-radius:19px;background:hsla(0,0%,100%,.025)}.faq details{padding:17px 0;border-top:1px solid rgba(176,202,233,.12)}.faq summary{color:#f4f8ff;cursor:pointer;font-weight:bold}.faq details p{margin:12px 0 0;color:#b8c4d4;font-size:14px}.login-modal{display:none;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;padding:24px;background:rgba(2,8,16,.75)}.login-modal:target{display:block}.login-dialog{position:relative;width:100%;max-width:460px;margin:12vh auto 0;padding:36px;border:1px solid rgba(117,201,255,.28);border-radius:18px;background:linear-gradient(145deg, #0c1d35, #091421);box-shadow:0 28px 80px rgba(0,0,0,.52)}.login-dialog h2{margin-bottom:12px}.login-dialog > p:not(.eyebrow):not(.static-note){color:#c2cedd}.modal-close{position:absolute;top:14px;right:17px;color:#d6e7f7;font-size:28px;line-height:1}.footer{padding:43px 0;border-top:1px solid rgba(176,202,233,.12);background:#050d18}.footer-grid{display:flex;justify-content:space-between;gap:46px}.footer-grid > div{flex:1}.footer p,.footer a{display:block;margin:10px 0;color:#9aaabd;font-size:13px}.footer h4{margin-bottom:10px;color:#fff;font-size:13px}.catalog-hero{position:relative;overflow:hidden;border:1px solid rgba(176,202,233,.14);border-radius:24px;background:#040b14}.catalog-hero img{display:block;width:100%;height:auto;background:#040b14}.catalog-hero:after{content:"";position:absolute;top:0;left:0;bottom:0;width:60%;background:linear-gradient(90deg, rgba(5, 15, 28, 0.95), rgba(5, 15, 28, 0.62), transparent)}.catalog-copy{position:absolute;z-index:1;top:50%;left:6%;width:49%;transform:translateY(-50%)}.catalog-copy p{color:#bec8d7}.catalog-layout{display:flex;gap:28px;margin-top:42px}.filter-panel{flex:0 0 250px;height:auto;padding:21px;border:1px solid rgba(176,202,233,.12);border-radius:16px;background:hsla(0,0%,100%,.025)}.filter-panel h2{margin-bottom:19px;padding-bottom:16px;border-bottom:1px solid rgba(176,202,233,.12);font-size:18px}.filter-panel h3{margin:22px 0 8px;color:#aebed0;font-size:12px;letter-spacing:.08em}.filter-panel label{display:block;color:#aebed0;font-size:12px}.filter-panel input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid rgba(176,202,233,.15);border-radius:7px;background:#091421;color:#fff}.chips span{display:inline-block;margin:0 5px 6px 0;padding:4px 8px;border-radius:7px;color:#9eacbd;background:hsla(0,0%,100%,.06);font-size:11px}.chips .selected{color:#fff;background:#1b6de6}.static-note{margin:20px 0 0;color:#8090a5;font-size:11px;line-height:1.6}.catalog-content{flex:1;min-width:0}.list-head{display:flex;justify-content:space-between;margin-bottom:17px;color:#aab8ca;font-size:13px}.list-head span{color:#718299;font-size:11px}.back-link{margin-bottom:17px;font-size:13px}.detail-hero{display:flex;gap:55px;align-items:center;padding:30px 0 45px}.detail-copy{flex:1.1}.detail-copy h1{margin-top:10px}.instructor{display:flex;align-items:center;gap:12px;margin-top:24px;padding:9px 13px;border:1px solid rgba(176,202,233,.12);border-radius:12px;background:hsla(0,0%,100%,.035)}.instructor p{margin:0;color:#b8c4d4;font-size:13px;line-height:1.45}.instructor strong{color:#fff}.avatar{display:inline-block;width:34px;height:34px;padding-top:5px;border-radius:18px;background:#2c74e8;color:#fff;text-align:center;font-weight:bold}.preview{position:relative;flex:.9;overflow:hidden;border:1px solid rgba(176,202,233,.14);border-radius:18px;background:#07111e}.preview img{display:block;width:100%;height:auto}.preview-label{position:absolute;left:15px;bottom:13px;color:#cbd8e7;font-size:12px;line-height:1.4}.preview-label strong{color:#fff}.detail-layout{display:flex;align-items:flex-start;gap:55px;padding-top:35px;border-top:1px solid rgba(176,202,233,.12)}.detail-layout > div:first-child{flex:1}.lesson-list{margin:24px 0 0;padding:0;list-style:none}.lesson-list li{position:relative;padding:15px 130px 15px 0;border-top:1px solid rgba(176,202,233,.12);color:#eff5fc}.lesson-list li span{position:absolute;right:0;top:16px;color:#9db0c5;font-size:12px}.lesson-list li p{margin:7px 0 0;color:#9eacbd;font-size:13px}.price-panel{flex:0 0 285px;padding:23px;border:1px solid rgba(176,202,233,.15);border-radius:16px;background:hsla(0,0%,100%,.035)}.price-panel h2{margin-bottom:5px;font-size:30px}.price-panel p{color:#aebed0;font-size:13px}.price-panel hr{border:0;border-top:1px solid rgba(176,202,233,.12)}.price-panel ul{padding-left:18px;color:#c5d2df;font-size:13px}.discussion,.static-panel{margin-top:52px;padding:28px;border:1px solid rgba(176,202,233,.12);border-radius:16px;background:hsla(0,0%,100%,.025)}.member-head{max-width:650px;padding:28px 0}.learning-grid{display:flex;gap:25px}.player-placeholder{position:relative;flex:1.2;overflow:hidden;border:1px solid rgba(176,202,233,.12);border-radius:16px;background:#050d18}.player-placeholder img{display:block;width:100%;opacity:.52}.player-placeholder span{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);color:#fff;text-align:center;font-size:22px;font-weight:bold}.player-placeholder small{color:#c4cfde;font-size:12px;font-weight:normal}.progress-card{flex:.8;padding:27px;border:1px solid rgba(176,202,233,.12);border-radius:16px;background:hsla(0,0%,100%,.035)}.progress-card p{color:#adbacb}.progress-bar{overflow:hidden;height:8px;border-radius:6px;background:#152235}.progress-bar span{display:block;width:25%;height:100%;background:linear-gradient(90deg, #2b74ec, #54ecf8)}table{width:100%;border-collapse:collapse;color:#c2cedd;font-size:13px}th,td{padding:12px;border-bottom:1px solid rgba(176,202,233,.12);text-align:left;vertical-align:top}th{color:#fff}@media screen and (max-width: 800px){.container{padding-left:16px;padding-right:16px}.nav-row{min-height:72px}.nav-links{display:none}.brand strong{font-size:12px}.hero-shade,.catalog-hero:after{display:none}.hero-copy,.catalog-copy{position:static;width:auto;transform:none;padding:23px;background:#091421}h1{font-size:34px}h2{font-size:27px}.benefits,.enterprise,.footer-grid,.detail-hero,.detail-layout,.learning-grid,.catalog-layout{display:block}.benefits > div{width:100%;margin:13px 0}.enterprise,.faq{padding:28px}.enterprise .button{margin-top:20px}.section-head{display:block;padding-top:50px}.section-head .text-link{display:inline-block;margin-top:16px}.footer-grid > div{margin:25px 0}.filter-panel{margin-bottom:25px}.detail-hero{padding-top:10px}.preview{margin-top:25px}.price-panel{margin-top:30px}.lesson-list li{padding-right:0}.lesson-list li span{position:static;display:block;margin-top:4px}.player-placeholder,.progress-card{margin-bottom:23px}.static-panel{overflow-x:auto}.login-dialog{margin-top:9vh;padding:30px 24px}}.reference-hero{position:relative;overflow:hidden;border:1px solid rgba(169,208,247,.14);border-radius:24px;background:#040b14}.reference-hero > img{display:block;width:100%;height:auto}.reference-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5, 15, 28, 0.95) 0%, rgba(5, 15, 28, 0.78) 38%, rgba(5, 15, 28, 0.14) 72%, rgba(5, 15, 28, 0.08) 100%)}.reference-hero-copy{position:absolute;top:50%;left:6%;width:51%;transform:translateY(-50%)}.reference-hero-copy h1{margin-bottom:15px;font-size:46px;line-height:1.12}.reference-hero-copy h1 span{color:#84dcff}.reference-hero-copy > p:not(.eyebrow):not(.button-row){color:#d1deeb}.reference-course-section{max-width:1040px;margin:0 auto;padding:72px 0}.reference-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:27px;border-bottom:1px solid rgba(176,202,233,.12)}.reference-section-head h2{margin-bottom:9px}.reference-section-head p:not(.eyebrow){max-width:690px;margin-bottom:0;color:#aebdce}.reference-course-grid{display:flex;flex-wrap:wrap;gap:24px;padding-top:28px}.reference-course-card{flex:1 1 380px;overflow:hidden;border:1px solid rgba(176,202,233,.14);border-radius:18px;background:#0b1725}.reference-course-card > a > img{display:block;width:100%;aspect-ratio:1200/630;background:#040b14;object-fit:contain}.reference-course-card > div{padding:23px}.reference-course-card h3{margin-top:9px}.detail-link{display:inline-block;margin-top:19px;padding:8px 13px;border:1px solid rgba(139,236,255,.34);border-radius:8px;color:#a6efff;font-size:13px;font-weight:bold;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out,border-color .15s ease-out}.detail-link:hover{border-color:#8befff;background:rgba(89,232,255,.08)}.detail-link:focus{outline:2px solid #c5f7ff;outline-offset:2px;border-color:#c5f7ff;box-shadow:0 0 0 4px rgba(34,211,238,.22)}.detail-link:active{transform:translateY(1px) scale(0.97)}.reference-system{display:flex;gap:55px;margin:0 -24px;padding:70px max(24px,(100% - 1168px)/2);border-top:1px solid rgba(176,202,233,.12);border-bottom:1px solid rgba(176,202,233,.12);background:#091421}.reference-system > div:first-child{flex:.72}.reference-system > div:first-child p:not(.eyebrow){color:#aebdce}.reference-system-grid{display:flex;flex:1.28;gap:15px}.reference-system-grid > div{flex:1;padding:23px;border:1px solid rgba(176,202,233,.14);border-radius:14px;background:hsla(0,0%,100%,.025)}.reference-system-grid b{color:#64e6fa;font-size:11px;letter-spacing:.12em}.reference-system-grid h3{margin-top:31px;font-size:17px}.reference-system-grid p{margin-bottom:0;color:#aebdce;font-size:13px;line-height:1.7}.reference-detail-hero{display:flex;align-items:flex-start;gap:58px;padding:17px 0 60px}.reference-detail-primary{flex:1;min-width:0}.reference-detail-primary h1{margin-top:16px}.reference-lead{max-width:690px;color:#bcc9d9;line-height:1.9}.reference-anchor-links{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:28px;padding:15px 0;border-top:1px solid rgba(176,202,233,.12);border-bottom:1px solid rgba(176,202,233,.12)}.reference-anchor-links a{color:#aebdce;font-size:13px}.reference-anchor-links a:hover{color:#65eafa}.reference-purchase-card{flex:0 0 348px;overflow:hidden;border:1px solid rgba(176,202,233,.17);border-radius:17px;background:#0b1725;box-shadow:0 16px 40px rgba(0,0,0,.2)}.reference-purchase-card > img{display:block;width:100%;aspect-ratio:1200/630;background:#040b14;object-fit:contain}.reference-purchase-card > div{padding:22px}.purchase-facts{padding:13px 0;border-top:1px solid rgba(176,202,233,.12);border-bottom:1px solid rgba(176,202,233,.12);color:#bdc9d7;font-size:13px;line-height:1.9}.reference-purchase-card h2{margin:19px 0 13px;font-size:30px}.full-button{display:block;width:100%;margin:9px 0 0;text-align:center}.reference-detail-layout{display:flex;align-items:flex-start;gap:55px;padding-top:48px;border-top:1px solid rgba(176,202,233,.12)}.reference-detail-content{flex:1;min-width:0}.reference-detail-content > div{margin-bottom:62px}.reference-detail-content > div > p:not(.eyebrow):not(.section-intro){color:#b7c6d6;line-height:1.9}.course-picture{margin-top:28px;overflow:hidden;border:1px solid rgba(176,202,233,.14);border-radius:16px;background:#040b14}.course-picture img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.objective-grid{display:flex;flex-wrap:wrap;gap:13px;margin-top:22px}.objective-grid > div{flex:1 1 40%;padding:18px;border:1px solid rgba(176,202,233,.13);border-radius:13px;background:hsla(0,0%,100%,.025)}.objective-grid b{color:#63e9fb;font-size:11px;letter-spacing:.12em}.objective-grid p{margin:23px 0 0;color:#e2eaf2;font-size:14px;line-height:1.7}.reference-instructor{padding:30px;border:1px solid rgba(89,232,255,.18);border-radius:17px;background:linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(255, 255, 255, 0.02))}.reference-course-side{flex:0 0 285px;padding:23px;border:1px solid rgba(176,202,233,.13);border-radius:16px;background:hsla(0,0%,100%,.025)}.reference-course-side h3{margin:0 0 14px;font-size:17px}.reference-course-side ul{margin:0 0 32px;padding-left:19px;color:#c1cddd;font-size:13px;line-height:2.05}.reference-course-side p{color:#aebdce;font-size:13px;line-height:1.8}.compact-faq{margin-top:20px}@media screen and (max-width: 800px){.reference-hero-shade{display:none}.reference-hero-copy{position:static;width:auto;transform:none;padding:25px 23px;background:#091421}.reference-hero-copy h1{font-size:34px}.reference-section-head,.reference-system,.reference-detail-hero,.reference-detail-layout{display:block}.reference-section-head .text-link{display:inline-block;margin-top:18px}.reference-course-section{padding:50px 0}.reference-system{margin:0 -16px;padding:48px 16px}.reference-system-grid{display:block;margin-top:25px}.reference-system-grid > div{margin:13px 0}.reference-detail-hero{padding-top:11px}.reference-purchase-card{margin-top:30px}.reference-detail-layout{padding-top:36px}.reference-course-side{margin-bottom:38px}.reference-detail-content > div{margin-bottom:49px}.objective-grid > div{flex-basis:100%}}@media(prefers-reduced-motion: reduce){.detail-link{transition:none}.detail-link:active{transform:none}}