:root{color:#e8f7ff;background:#06090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 8%,rgba(24,204,190,.2),transparent 32rem),radial-gradient(circle at 92% 18%,rgba(111,84,255,.18),transparent 30rem),#06090f}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;overflow:hidden}.hero{position:relative;min-height:78vh;padding:0 clamp(18px,5vw,72px) 28px;background-image:linear-gradient(90deg,#06090ff2,#06090fb8 48%,#06090f59),var(--hero-image);background-size:cover;background-position:center;isolation:isolate}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 90%);mask-image:linear-gradient(to bottom,black 0%,transparent 90%)}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,36px);min-height:78px;padding:0 clamp(18px,5vw,72px);background:linear-gradient(180deg,#02050ab8,#02050a00);color:#fff}.brand,.main-nav,.nav-link,.primary-action,.ghost-action{display:inline-flex;align-items:center}.brand{flex:0 0 auto;min-height:44px;color:#fff;font-size:clamp(22px,2.6vw,34px);font-weight:900;letter-spacing:0;text-transform:uppercase}.main-nav{flex:1 1 auto;justify-content:center;gap:clamp(16px,2.6vw,32px);min-width:0}.nav-link{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.5);white-space:nowrap;cursor:pointer}.nav-link:after{position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#fff;content:"";transform:scaleX(0);transform-origin:right;transition:transform .18s ease}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav-dropdown{display:inline-flex;align-items:center;min-height:78px}.learning-menu{position:fixed;top:78px;left:0;right:0;z-index:19;padding:22px clamp(18px,5vw,72px) 26px;background:#f1f5f9f5;color:#111827;box-shadow:0 28px 60px #00000047;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}.nav-dropdown:hover .learning-menu,.nav-dropdown:focus-within .learning-menu,.nav-dropdown.is-open .learning-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.learning-menu__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:980px;margin:0 auto}.learning-menu__item{display:grid;gap:8px;min-height:118px;padding:18px;border:1px solid rgba(15,23,42,.08);background:#ffffffb8;color:#0f172a}.learning-menu__item:hover,.learning-menu__item:focus-visible{background:#fff;box-shadow:0 14px 30px #0f172a1f;outline:none}.learning-menu__item strong{font-size:18px}.learning-menu__item span{color:#475569;font-size:13px;line-height:1.58}.menu-button{display:none;flex:0 0 auto;width:34px;height:34px;padding:7px;border:0;background:transparent;cursor:pointer}.menu-button span{display:block;width:100%;height:2px;margin:4px 0;background:#fff}.hero__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(28px,5vw,76px);max-width:1240px;min-height:calc(72vh - 70px);margin:0 auto;padding-top:86px}.hero__copy{max-width:780px}.eyebrow{margin:0 0 16px;color:#6fffea;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:clamp(46px,7vw,92px);line-height:.98;letter-spacing:0}.hero__lead{max-width:660px;margin-bottom:34px;color:#b7cad6;font-size:clamp(17px,2vw,21px);line-height:1.85}.hero__actions{display:flex;flex-wrap:wrap;gap:14px}.primary-action,.ghost-action{justify-content:center;min-height:48px;padding:0 20px;font-weight:800}.primary-action{gap:8px;background:linear-gradient(135deg,#78fff0,#5c8dff);color:#041017;box-shadow:0 18px 48px #50c6ff52}.ghost-action{border:1px solid rgba(183,202,214,.28);background:#ffffff0f;color:#eefaff}.signal-panel{border:1px solid rgba(141,229,255,.22);background:#060e18b8;box-shadow:0 24px 80px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid rgba(141,229,255,.16);color:#90f7ee;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:126px;padding:22px;border-right:1px solid rgba(141,229,255,.12);border-bottom:1px solid rgba(141,229,255,.12)}.stat-card strong{display:block;margin-bottom:10px;color:#fff;font-size:36px}.stat-card span{color:#a9bfcc;font-size:14px}.learning-section{padding:66px clamp(18px,5vw,72px) 72px;background:linear-gradient(180deg,#06090f,#07131d)}.learning-heading{max-width:1240px;margin:0 auto 30px}.learning-heading h2{margin-bottom:14px;font-size:clamp(30px,4vw,52px)}.learning-heading p:last-child{max-width:760px;color:#b5c7d2;font-size:17px;line-height:1.72}.learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1240px;margin:0 auto}.learning-card{scroll-margin-top:112px;min-height:430px;padding:26px;border:1px solid rgba(141,229,255,.18);background:linear-gradient(135deg,#0e1e2bf0,#060d16fa),linear-gradient(90deg,rgba(111,255,234,.1),transparent)}.learning-card:target{border-color:#73ffeead;box-shadow:0 0 0 1px #73ffee2e,0 22px 70px #2fddd124}.learning-card__header{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#80fff0}.learning-card__header h3{margin:0;color:#fff;font-size:24px}.learning-card p,.learning-card li{color:#b5c7d2;line-height:1.7}.learning-card ul{display:grid;gap:10px;margin:18px 0 0;padding-left:18px}.topic-page{min-height:100vh;padding:130px clamp(18px,5vw,72px) 86px;background:linear-gradient(90deg,#06090ff5,#06090fc2),var(--hero-image, none),#06090f;background-size:cover;background-position:center}.topic-page__shell{max-width:980px;margin:0 auto}.topic-page h1{max-width:860px;margin-bottom:20px;font-size:clamp(48px,7vw,92px)}.topic-page__lead{max-width:760px;margin-bottom:34px;color:#b7cad6;font-size:clamp(18px,2vw,22px);line-height:1.78}.topic-detail-card{padding:clamp(24px,4vw,42px);border:1px solid rgba(141,229,255,.22);background:linear-gradient(135deg,#0e1e2bf0,#060d16fa),linear-gradient(90deg,rgba(111,255,234,.1),transparent);box-shadow:0 26px 80px #00000057}.topic-detail-card h2{margin:0;color:#fff;font-size:clamp(26px,3vw,38px)}.topic-detail-card ul{display:grid;gap:14px;margin:24px 0 0;padding-left:22px}.topic-detail-card li{color:#c1d4df;font-size:17px;line-height:1.78}.topic-related{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.topic-related a{padding:10px 14px;border:1px solid rgba(111,255,234,.24);background:#6fffea14;color:#ccfff9;font-size:13px;font-weight:800}.topic-related a:hover,.topic-related a.is-current{border-color:#73ffeeb8;background:#6fffea29}.recent-projects-section{padding:72px clamp(18px,5vw,72px) 86px;background:linear-gradient(180deg,#06090f,#07131d 52%,#06090f)}.timeline-section{padding:52px clamp(18px,5vw,72px) 86px;background:linear-gradient(180deg,#06090f,#08111a 55%,#071019)}.section-heading{max-width:1240px;margin:0 auto 36px}.section-heading h2{margin:0;font-size:clamp(30px,4vw,52px);letter-spacing:0}.timeline{display:grid;gap:28px;max-width:1240px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}.time-tag{position:sticky;top:22px;display:grid;gap:12px;padding:18px;border-left:3px solid #6fffea;background:#ffffff0e;color:#e7fbff}.time-tag span{font-size:17px;font-weight:900}.time-tag i{color:#6fffea5c;font-size:46px;font-style:normal;font-weight:900;line-height:1}.stage-card{padding:clamp(22px,3vw,34px);border:1px solid rgba(152,220,255,.18);background:linear-gradient(135deg,#102332e0,#08101bf5),linear-gradient(90deg,rgba(111,255,234,.1),transparent);box-shadow:0 20px 70px #00000042}.stage-card__header{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px;color:#80fff0}.stage-card h3{margin-bottom:8px;color:#fff;font-size:clamp(24px,3vw,34px)}.stage-card__header p,.stage-summary,.project-card p,.stack-card p{color:#b5c7d2;line-height:1.72}.stage-summary{max-width:900px;margin-bottom:24px;font-size:16px}.project-highlights{display:grid;gap:12px;margin:0 0 22px;padding-left:20px;color:#b5c7d2;line-height:1.74}.project-highlights li::marker{color:#6fffea}.process-flow{margin:26px 0 24px;padding:22px;border:1px solid rgba(111,255,234,.18);background:linear-gradient(135deg,#6fffea14,#5c8dff0f),#ffffff09}.process-flow__title{margin-bottom:16px;color:#90f7ee;font-size:18px;font-weight:900}.process-flow__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.process-step{position:relative;min-height:168px;padding:18px;border:1px solid rgba(141,229,255,.14);background:#020a126b}.process-step span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;margin-bottom:14px;border:1px solid rgba(111,255,234,.28);color:#6fffea;font-size:13px;font-weight:900}.process-step strong{display:block;margin-bottom:8px;color:#fff;font-size:17px}.process-step p{margin:0;color:#b5c7d2;font-size:14px;line-height:1.68}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{min-height:260px;padding:22px;border:1px solid rgba(144,247,238,.16);background:#ffffff0b}.project-title{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#80fff0}.project-title h4{margin:0;color:#f6fbff;font-size:18px}.tech-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tech-list span{padding:7px 10px;border:1px solid rgba(111,255,234,.24);background:#6fffea14;color:#ccfff9;font-size:13px;font-weight:700}.stack-section{padding:86px clamp(18px,5vw,72px) 72px;background:#071019}.stack-heading{max-width:1240px;margin:0 auto 30px}.stack-heading h2{margin-bottom:14px;font-size:clamp(30px,4vw,52px)}.stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1240px;margin:0 auto}.stack-card{min-height:300px;padding:32px;border:1px solid rgba(141,229,255,.18);background:#ffffff0b}.stack-card svg{color:#73ffee}.stack-card h3{margin:18px 0 10px;font-size:24px}.stack-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.stack-tags span{padding:8px 11px;border:1px solid rgba(111,255,234,.24);background:#6fffea13;color:#d9fffb;font-size:13px;font-weight:800}.home-float{position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(20px,4vw,42px);z-index:30;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(115,255,238,.42);background:#050d16c7;color:#eaffff;font-size:13px;font-weight:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #00000052}.home-float svg{color:#73ffee}.home-float:hover{border-color:#73ffeedb;background:#0c1f2ce6}@media(max-width:920px){.hero__content,.timeline-item,.project-grid,.learning-grid,.process-flow__grid,.stack-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero__content{min-height:0;padding-top:96px}.topbar{min-height:72px}.main-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:18px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}.nav-dropdown{min-height:0}.learning-menu{top:72px;padding:16px clamp(18px,5vw,72px) 18px}.learning-menu__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav::-webkit-scrollbar{display:none}.time-tag{position:static;grid-template-columns:1fr auto;align-items:center}}@media(max-width:560px){.topbar{flex-wrap:wrap;align-items:flex-start;padding-top:14px;background:linear-gradient(180deg,#02050ae6,#02050a1f)}.menu-button{display:block;margin-left:auto}.brand{min-height:34px}.main-nav{flex-basis:100%;padding-bottom:10px}.nav-link{font-size:12px}.learning-menu__inner{grid-template-columns:1fr}.learning-menu{top:118px}.learning-card{min-height:auto}.hero__actions{display:grid}.primary-action,.ghost-action{width:100%}.stats-grid{grid-template-columns:1fr}.home-float{right:14px;bottom:14px;min-height:40px;padding:0 12px}}