@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--blue-900:#001529;--blue-800:#002d5a;--blue-700:#003f7f;--blue-600:#005a9e;--blue-500:#0063b1;--blue-400:#0078d4;--blue-300:#2899f5;--blue-200:#6cb8ff;--blue-100:#b3d9ff;--blue-50:#e6f3ff;--accent:#00b4ff;--accent-glow:#00b4ff26;--white:#fff;--gray-100:#f0f4f8;--gray-200:#dbe5ef;--gray-400:#8aa3bc;--gray-600:#4a6580;--text-primary:#001529;--text-secondary:#4a6580;--text-muted:#8aa3bc;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #0078d41a;--shadow-lg:0 12px 48px #0078d42e}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--white);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.dark-page{background:var(--c-bg,#0d0f12);min-height:100vh;padding-top:64px}.dark-page .nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border,#2a3040);background:#0d0f12eb}.dark-page .nav .logo-text{color:#ffffffe6}.dark-page .nav .logo-text strong{color:var(--c-accent,#0ea5e9)}.dark-page .nav .nav-links a{color:#ffffffb3}.dark-page .nav .nav-links a:hover{color:#fff}.nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background:#fffffff2;border-bottom:1px solid #0000000f;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000a}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{color:var(--blue-400);font-size:22px}.logo-text{font-family:var(--font-display);color:var(--blue-800);letter-spacing:-.3px;font-size:18px}.logo-text strong{color:var(--blue-400)}.nav-links{align-items:center;gap:2rem;font-size:14px;font-weight:500;display:flex}.nav-links a{color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--blue-400)}.nav-cta{background:var(--blue-400);border-radius:8px;padding:8px 20px;transition:background .2s,transform .1s;color:var(--white)!important}.nav-cta:hover{transform:translateY(-1px);background:var(--blue-600)!important}.main{padding-top:64px}.hero{background:linear-gradient(160deg,#000814 0%,#001d3d 40%,#003566 100%);align-items:center;min-height:92vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#00b4ff0f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0078d414 0%,#0000 40%);position:absolute;inset:0}.hero-grid-bg{background-image:linear-gradient(#00b4ff0a 1px,#0000 1px),linear-gradient(90deg,#00b4ff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(circle,#00b4ff1f 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;right:-100px}.hero-inner{z-index:2;grid-column:1/-1;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.hero-split{justify-content:space-between;align-items:center;gap:3rem;display:flex}.hero-left{flex:1;max-width:600px}.hero-right{flex:0 0 380px}.hero-badge{color:var(--accent);letter-spacing:.3px;background:#00b4ff1f;border:1px solid #00b4ff4d;border-radius:100px;align-items:center;gap:8px;width:fit-content;margin-bottom:1.5rem;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{font-family:var(--font-display);color:var(--white);letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#ffffffa6;max-width:520px;margin-bottom:2.5rem;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.btn-primary{color:var(--white);background:linear-gradient(135deg,#0078d4,#0ea5e9);border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0ea5e973}.btn-ghost{color:#fffc;border:1px solid #fff3;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.btn-ghost:hover{color:var(--white);background:#ffffff14}.hero-stats{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:2rem;padding-top:2rem;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-value{font-family:var(--font-display);color:var(--white);letter-spacing:-1px;font-size:1.75rem;font-weight:800}.hero-stat-label{color:#ffffff80;letter-spacing:.3px;font-size:12px}.hero-highlights{border-top:1px solid #ffffff1a;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.hero-highlight{color:#ffffffbf;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.hero-highlight-icon{font-size:1rem}.learning-path-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:1.75rem;box-shadow:0 8px 32px #0003}.learning-path-title{font-family:var(--font-display);color:var(--white);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.learning-path-desc{color:#ffffff80;margin-bottom:1.25rem;font-size:.8rem}.learning-path-steps{flex-direction:column;gap:.75rem;display:flex}.learning-path-step{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.learning-path-step:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.learning-path-step-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.learning-path-step-content{flex-direction:column;flex:1;display:flex}.learning-path-step-label{font-family:var(--font-display);color:var(--white);font-size:.85rem;font-weight:600}.learning-path-step-sub{color:#fff6;font-size:.65rem}.learning-path-arrow{color:#ffffff4d;font-size:.9rem;transition:all .2s}.learning-path-step:hover .learning-path-arrow{color:var(--accent);transform:translate(4px)}.learning-path-cta{text-align:center;background:linear-gradient(135deg, var(--accent), #0ea5e9);font-family:var(--font-display);color:#fff;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.learning-path-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00b4ff4d}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hex-grid{width:380px;height:380px;position:relative}.hex{width:90px;height:90px;color:var(--accent);font-family:var(--font-display);letter-spacing:.5px;background:#ffffff0f;border:1px solid #00b4ff33;border-radius:16px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .3s,border-color .3s;animation:.8s both floatIn;display:flex;position:absolute}.hex:hover{border-color:var(--accent);background:#00b4ff26}.hex-0{animation-delay:.1s;top:0;left:50%;transform:translate(-50%)}.hex-1{animation-delay:.15s;top:80px;left:10px}.hex-2{animation-delay:.2s;top:80px;right:10px}.hex-3{border-color:var(--blue-300);background:#0078d433;animation-delay:.25s;top:180px;left:50%;transform:translate(-50%)}.hex-4{animation-delay:.3s;top:180px;left:10px}.hex-5{animation-delay:.35s;top:180px;right:10px}.hex-6{animation-delay:.4s;top:280px;left:50%;transform:translate(-50%)}.hex-7{animation-delay:.45s;top:280px;left:10px}.hex-8{animation-delay:.5s;top:280px;right:10px}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) translateX(var(--tx,0))}to{opacity:1;transform:translateY(0) translateX(var(--tx,0))}}.hex-0,.hex-3,.hex-6{--tx:-50%}.section{padding:6rem 2rem}.section-inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{color:var(--blue-500);letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#0078d414,#0ea5e914);border:1px solid #0078d426;border-radius:100px;margin-bottom:1rem;padding:6px 18px;font-size:12px;font-weight:700;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-1px;color:var(--blue-600);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-title2{font-family:var(--font-body);letter-spacing:-1px;color:var(--blue-200);margin-bottom:1rem;font-size:25px;font-weight:800}.section-sub{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px;line-height:1.7}.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0078d4,#0ea5e9);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:var(--blue-200);transform:translateY(-6px);box-shadow:0 12px 40px #0078d41f}.service-card:hover:before{opacity:1}.service-icon{margin-bottom:1rem;font-size:2rem}.service-title{font-family:var(--font-display);color:var(--blue-800);margin-bottom:.6rem;font-size:17px;font-weight:700}.service-desc{color:var(--text-secondary);margin-bottom:1.2rem;font-size:14px;line-height:1.6}.service-link{color:var(--blue-400);font-size:13px;font-weight:600}.about-section{background:var(--gray-100)}.about-inner{grid-template-columns:1fr 1.5fr;align-items:center;gap:5rem;display:grid}.about-visual{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.about-avatar{background:linear-gradient(135deg, var(--blue-400), var(--blue-700));width:160px;height:160px;font-family:var(--font-display);color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:800;display:flex;box-shadow:0 16px 48px #0078d44d}.about-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;width:100%;padding:1.25rem 1.5rem;display:flex}.about-card-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.about-card-row span:first-child{font-size:18px}.about-content{flex-direction:column;gap:1rem;display:flex}.about-text{color:var(--text-secondary);font-size:16px;line-height:1.75}.about-tags{flex-wrap:wrap;gap:8px;margin-top:.5rem;display:flex}.tag{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.article-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:.75rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.article-tag{background:var(--blue-50);color:var(--blue-500);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--blue-100);border-radius:100px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.article-title{font-family:var(--font-display);color:var(--blue-900);font-size:17px;font-weight:700;line-height:1.35}.article-desc{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.6}.article-footer{border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.article-time{color:var(--text-muted);font-size:12px;font-weight:500}.article-read{color:var(--blue-400);font-size:13px;font-weight:600}.cta-section{background:linear-gradient(135deg, var(--blue-900), var(--blue-700));text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#00b4ff26 0%,#0000 70%);width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{z-index:2;max-width:600px;margin:0 auto;position:relative}.cta-title{font-family:var(--font-display);color:var(--white);letter-spacing:-1.5px;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.cta-sub{color:#fff9;margin-bottom:2.5rem;font-size:17px;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.articles-hero{background:linear-gradient(135deg, var(--blue-900), var(--blue-700));text-align:center;padding:4rem 2rem}.articles-search-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:14px 20px;font-size:1rem}.articles-search-input:focus{border-color:var(--accent);background:#ffffff26;outline:none}.articles-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.filter-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.articles-service-title{font-family:var(--font-display);color:var(--white);border-bottom:1px solid var(--c-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:700;display:flex}.article-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.article-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.article-service-tag{font-family:var(--font-display);color:var(--accent);background:var(--c-accent-dim);border-radius:4px;width:fit-content;margin-bottom:.75rem;padding:4px 10px;font-size:.7rem;font-weight:600}.article-title{font-family:var(--font-display);color:var(--white);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4}.article-desc{color:var(--c-text-2);flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.article-date{color:var(--c-text-3);font-size:.75rem}.no-results button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:10px 20px}.articles-panel-layout{gap:0;max-width:1400px;min-height:70vh;margin:0 auto;display:flex}.articles-panel-sidebar{background:var(--c-bg-2,#13161b);border-right:1px solid var(--c-border,#2a3040);flex-shrink:0;width:240px;height:calc(100vh - 64px);padding:1.5rem 0;position:sticky;top:64px;overflow-y:auto}.panel-sidebar-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--c-text-3,#5e6b7e);margin-bottom:.75rem;padding:0 1.25rem;font-size:.7rem;font-weight:700}.panel-service-btn{width:100%;color:var(--c-text-2,#9ba8bb);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.85rem;transition:all .15s;display:flex}.panel-service-btn:hover{color:var(--c-text,#e8ecf0);background:#0ea5e90f}.panel-service-btn.active{color:#38bdf8;background:#0ea5e91a;border-left:3px solid #0ea5e9}.panel-service-icon{text-align:center;width:20px;font-size:1rem}.panel-service-name{flex:1}.panel-service-count{color:var(--c-text-3,#5e6b7e);background:#ffffff0f;border-radius:10px;padding:2px 6px;font-size:.7rem}.panel-service-btn.active .panel-service-count{color:#38bdf8;background:#0ea5e926}.articles-panel-content{flex:1;padding:1.5rem 2rem;overflow-x:auto}.panel-content-title{font-family:var(--font-display,"Syne", sans-serif);color:var(--c-text,#e8ecf0);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;display:flex}.panel-content-count{color:var(--c-text-3,#5e6b7e);margin-left:auto;font-size:.8rem;font-weight:400}.articles-table-wrap{border:1px solid var(--c-border,#2a3040);border-radius:10px;overflow-x:auto}.articles-table{border-collapse:collapse;width:100%;font-size:.85rem}.articles-table thead{background:var(--c-bg-2,#13161b)}.articles-table th{text-align:left;color:var(--c-text-3,#5e6b7e);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--c-border,#2a3040);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.articles-table td{color:var(--c-text-2,#9ba8bb);vertical-align:top;border-bottom:1px solid #2a304080;padding:.75rem 1rem}.articles-table tbody tr{transition:background .15s}.articles-table tbody tr:hover{background:#0ea5e90a}.table-num{color:var(--c-text-3,#5e6b7e);width:30px;font-size:.8rem}.table-title{color:var(--c-text,#e8ecf0);max-width:300px;font-weight:600;line-height:1.4}.table-desc{color:var(--c-text-2,#9ba8bb);max-width:280px;font-size:.8rem;line-height:1.5}.table-service-badge{color:#38bdf8;white-space:nowrap;background:#0ea5e914;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;display:inline-flex}.table-date{color:var(--c-text-3,#5e6b7e);white-space:nowrap;font-size:.78rem}.table-read-btn{color:#38bdf8;white-space:nowrap;background:#0ea5e91a;border-radius:6px;padding:4px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.table-read-btn:hover{color:#fff;background:#0ea5e9}@media (max-width:900px){.articles-panel-layout{flex-direction:column}.articles-panel-sidebar{border-right:none;border-bottom:1px solid var(--c-border,#2a3040);flex-wrap:wrap;gap:.25rem;width:100%;height:auto;padding:1rem;display:flex;position:static}.panel-sidebar-title{width:100%}.panel-service-btn{border-radius:6px;width:auto;padding:.4rem .8rem}.panel-service-btn.active{border-left:none;border-radius:6px}.articles-panel-content{padding:1rem}.table-desc{display:none}}.article-hero{border-bottom:1px solid var(--c-border);background:linear-gradient(160deg,#0a0e14 0%,#111827 40%,#1e293b 100%);padding:4rem 2rem 3rem}.back-link{color:var(--c-accent);opacity:.8;align-items:center;gap:.3rem;margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.back-link:hover{opacity:1}.article-hero h1{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.4rem;font-weight:800;line-height:1.3}.article-description{color:#fff9;max-width:700px;font-size:1.1rem;line-height:1.6}.article-content{max-width:780px;color:var(--c-text-2);margin:0 auto;padding:3.5rem 2rem 5rem;font-size:1.05rem;line-height:1.9}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--c-text);font-family:var(--font-display);letter-spacing:-.01em}.article-content h1{border-bottom:1px solid var(--c-border);margin:3rem 0 1.2rem;padding-bottom:.5rem;font-size:2rem}.article-content h2{border-bottom:1px solid var(--c-border);margin:2.8rem 0 1rem;padding-bottom:.4rem;font-size:1.55rem}.article-content h3{color:var(--c-text);margin:2rem 0 .8rem;font-size:1.25rem}.article-content h4{color:var(--c-text-2);margin:1.5rem 0 .6rem;font-size:1.1rem}.article-content p{margin-bottom:1.2rem}.article-content strong{color:var(--c-text);font-weight:600}.article-content a{color:var(--c-accent);text-underline-offset:3px;-webkit-text-decoration:underline #4f8ef74d;text-decoration:underline #4f8ef74d;transition:text-decoration-color .2s}.article-content a:hover{-webkit-text-decoration-color:var(--c-accent);text-decoration-color:var(--c-accent)}.article-content code{font-family:var(--font-mono);color:var(--c-accent);background:#4f8ef714;border:1px solid #4f8ef71f;border-radius:4px;padding:2px 7px;font-size:.85em}.article-content pre{border:1px solid var(--c-border);background:#0d1117;border-radius:10px;margin:1.5rem 0;padding:1.4rem 1.5rem;font-size:.88rem;line-height:1.7;overflow-x:auto}.article-content pre code{color:var(--c-text-2);font-size:inherit;background:0 0;border:none;padding:0}.article-content hr{border:none;border-top:1px solid var(--c-border);margin:3rem 0}.article-content blockquote{border-left:3px solid var(--c-accent);background:var(--c-accent-dim);color:var(--c-text-2);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:.8rem 1.2rem}.article-content blockquote p{margin-bottom:0}.article-content img{border-radius:8px;max-width:100%;margin:1.5rem 0}.article-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.92rem;display:block;overflow-x:auto}.article-content thead{background:var(--c-bg-2)}.article-content th{text-align:left;color:var(--c-text);border-bottom:2px solid var(--c-border);white-space:nowrap;padding:.75rem 1rem;font-weight:600}.article-content td{border-bottom:1px solid var(--c-border);color:var(--c-text-2);vertical-align:top;padding:.7rem 1rem}.article-content tbody tr:hover{background:var(--c-accent-dim)}.article-content input[type=checkbox]{accent-color:var(--c-accent);margin-right:.5rem}.footer{background:var(--blue-900);border-top:1px solid #ffffff0f;padding:2rem}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer .logo-text{color:#fffc}.footer .logo-icon{color:var(--blue-300)}.footer-copy{color:#ffffff59;font-size:13px}@media (max-width:1024px){.hero-split{flex-direction:column}.hero-left{max-width:100%}.hero-right{flex:none;width:100%}}@media (max-width:900px){.hero-inner{flex-direction:column;gap:2rem}.hero-visual{display:none}.about-inner{grid-template-columns:1fr;gap:2rem}.footer-inner{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:600px){.nav-links a:not(.nav-cta){display:none}.hero{padding:3rem 1rem}.hero-stats{gap:1.5rem}.hero-stat-value{font-size:1.5rem}.section{padding:4rem 1rem}.learning-path-card{padding:1rem}}:root{--c-bg:#0d0f12;--c-bg-2:#13161b;--c-bg-3:#1a1e25;--c-surface:#1e232c;--c-surface-2:#252b36;--c-border:#2a3040;--c-border-2:#343d50;--c-text:#e8ecf0;--c-text-2:#9ba8bb;--c-text-3:#5e6b7e;--c-text-inv:#0d0f12;--c-accent:#4f8ef7;--c-accent-2:#1a4fa8;--c-accent-glow:#4f8ef72e;--c-accent-dim:#4f8ef714;--c-tag-bg:#4f8ef71a;--c-tag-text:#6fa3f8;--c-success:#34c97e;--c-warning:#f5a623;--c-error:#f04040;--c-info:#4f8ef7;--font-display:"Syne", sans-serif;--font-body:"Instrument Serif", serif;--font-mono:"DM Mono", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--content-width:860px;--toc-width:260px;--sidebar-gap:48px;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-accent:0 0 32px var(--c-accent-glow);--t-fast:.12s ease;--t-base:.22s ease;--t-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px;font-size:16px}body{background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.0625rem;line-height:1.75;overflow-x:hidden}a{color:var(--c-accent);transition:color var(--t-fast), opacity var(--t-fast);text-decoration:none}a:hover{opacity:.8}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}::selection{background:var(--c-accent-2);color:#fff}.site-header{z-index:100;padding:0 var(--sp-7);-webkit-backdrop-filter:blur(16px)saturate(1.6);border-bottom:1px solid var(--c-border);background:#0d0f12d9;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0}.site-header__logo{font-family:var(--font-display);letter-spacing:.04em;color:var(--c-text);font-size:1.05rem;font-weight:700}.site-header__logo span{color:var(--c-accent)}.site-header__nav{align-items:center;gap:var(--sp-5);display:flex}.site-header__nav a{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2);transition:color var(--t-fast);font-size:.78rem;font-weight:600}.site-header__nav a:hover,.site-header__nav a.active{color:var(--c-accent);opacity:1}.blog-hero{padding:var(--sp-10) var(--sp-7) var(--sp-8);border-bottom:1px solid var(--c-border);background:var(--c-bg);position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(ellipse 70% 50% at 20% 60%, var(--c-accent-glow) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 80% 20%, #4f8ef70f 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.blog-hero:after{content:"";background-image:linear-gradient(var(--c-border) 1px, transparent 1px), linear-gradient(90deg, var(--c-border) 1px, transparent 1px);opacity:.08;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.blog-hero__inner{z-index:1;max-width:var(--content-width);margin:0 auto;position:relative}.blog-hero__eyebrow{align-items:center;gap:var(--sp-2);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);background:var(--c-accent-dim);border:1px solid var(--c-accent-glow);border-radius:var(--r-full);margin-bottom:var(--sp-5);padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.blog-hero__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-text);margin-bottom:var(--sp-4);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.1}.blog-hero__title em{color:var(--c-accent);font-style:italic;font-family:var(--font-body);font-weight:400}.blog-hero__subtitle{color:var(--c-text-2);max-width:600px;margin-bottom:var(--sp-6);font-size:1.1rem;line-height:1.6}.blog-hero__meta{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.blog-hero__tag{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--c-tag-text);background:var(--c-tag-bg);border-radius:var(--r-full);border:1px solid #4f8ef733;padding:4px 10px;font-size:.7rem;font-weight:600}.blog-hero__stat{font-family:var(--font-display);color:var(--c-text-3);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.blog-hero__stat:before{content:"";background:var(--c-text-3);border-radius:50%;width:4px;height:4px}.blog-layout{grid-template-columns:var(--toc-width) 1fr;gap:var(--sidebar-gap);max-width:calc(var(--content-width) + var(--toc-width) + var(--sidebar-gap) + 80px);padding:var(--sp-8) var(--sp-6);align-items:start;margin:0 auto;display:grid}.blog-toc{max-height:calc(100vh - 100px);padding-right:var(--sp-4);scrollbar-width:thin;position:sticky;top:80px;overflow-y:auto}.blog-toc__label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border);font-size:.65rem;font-weight:700}.blog-toc__list{flex-direction:column;gap:2px;list-style:none;display:flex}.blog-toc__item a{font-family:var(--font-display);color:var(--c-text-3);border-radius:var(--r-sm);transition:all var(--t-fast);border-left:2px solid #0000;padding:5px 10px;font-size:.75rem;font-weight:500;line-height:1.4;display:block}.blog-toc__item a:hover{color:var(--c-text-2);background:var(--c-bg-3);border-left-color:var(--c-border-2);opacity:1}.blog-toc__item a.toc-active{color:var(--c-accent);background:var(--c-accent-dim);border-left-color:var(--c-accent)}.blog-toc__item--sub a{padding-left:20px;font-size:.7rem}.blog-content{min-width:0}.blog-section{margin-bottom:var(--sp-9);animation:.5s both fadeUp}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.blog-section:first-child{animation-delay:50ms}.blog-section:nth-child(2){animation-delay:.1s}.blog-section:nth-child(3){animation-delay:.15s}.blog-section:nth-child(4){animation-delay:.2s}.blog-section:nth-child(5){animation-delay:.25s}.blog-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--c-text);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-border);align-items:center;gap:var(--sp-3);scroll-margin-top:88px;font-size:1.55rem;font-weight:700;display:flex}.blog-h2__num{font-family:var(--font-mono);color:var(--c-accent);background:var(--c-accent-dim);border:1px solid var(--c-accent-glow);border-radius:var(--r-sm);flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:400}.blog-h3{font-family:var(--font-display);color:var(--c-text);margin:var(--sp-6) 0 var(--sp-3);letter-spacing:-.005em;scroll-margin-top:88px;font-size:1.05rem;font-weight:600}.blog-p{color:var(--c-text-2);margin-bottom:var(--sp-4);font-size:1rem;line-height:1.8}.blog-inline-code{font-family:var(--font-mono);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-accent);border-radius:var(--r-sm);padding:1px 6px;font-size:.82em}.blog-code-block{margin:var(--sp-5) 0;border-radius:var(--r-lg);border:1px solid var(--c-border);background:var(--c-bg-2);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.blog-code-block__header{background:var(--c-surface);border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.blog-code-block__lang{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent);font-size:.65rem;font-weight:700}.blog-code-block__dots{gap:5px;display:flex}.blog-code-block__dot{border-radius:50%;width:10px;height:10px}.blog-code-block__dot:first-child{background:#ff5f57}.blog-code-block__dot:nth-child(2){background:#febc2e}.blog-code-block__dot:nth-child(3){background:#28c840}.blog-code-block pre{padding:var(--sp-5);font-family:var(--font-mono);color:#c9d3e0;margin:0;font-size:.825rem;line-height:1.7;overflow-x:auto}.blog-code-block__copy{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);z-index:2;padding:4px 10px;font-size:.65rem;font-weight:600;position:absolute;top:10px;right:12px}.blog-code-block__copy:hover{color:var(--c-accent);border-color:var(--c-accent)}.tok-keyword{color:#79b8ff}.tok-string{color:#9ecbff}.tok-comment{color:var(--c-text-3);font-style:italic}.tok-type{color:#b392f0}.tok-number{color:#f9c74f}.tok-attr{color:#79b8ff}.tok-tag{color:#85e89d}.tok-operator{color:var(--c-text-2)}.blog-table-wrap{margin:var(--sp-5) 0;border-radius:var(--r-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:.875rem;font-family:var(--font-display)}.blog-table thead tr{background:var(--c-surface);border-bottom:1px solid var(--c-border-2)}.blog-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-3);white-space:nowrap;padding:12px 16px;font-size:.72rem;font-weight:600}.blog-table td{color:var(--c-text-2);border-bottom:1px solid var(--c-border);vertical-align:top;padding:11px 16px;line-height:1.5}.blog-table tbody tr:last-child td{border-bottom:none}.blog-table tbody tr{transition:background var(--t-fast)}.blog-table tbody tr:hover{background:var(--c-bg-3)}.blog-table td code{font-family:var(--font-mono);color:var(--c-accent);font-size:.78em}.blog-callout{gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);margin:var(--sp-5) 0;border:1px solid;font-size:.92rem;line-height:1.65;display:flex}.blog-callout--info{color:#8ab9f8;background:#4f8ef70f;border-color:#4f8ef740}.blog-callout--warning{color:#f5c060;background:#f5a6230f;border-color:#f5a6234d}.blog-callout--danger{color:#f07070;background:#f040400f;border-color:#f0404040}.blog-callout--success{color:#5dd4a0;background:#34c97e0f;border-color:#34c97e40}.blog-callout__icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.blog-callout__body strong{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:inherit;margin-bottom:4px;font-size:.78rem;font-weight:700;display:block}.blog-cards{gap:var(--sp-4);margin:var(--sp-5) 0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.blog-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5);transition:all var(--t-base);position:relative;overflow:hidden}.blog-card:before{content:"";background:linear-gradient(90deg, var(--c-accent), transparent);opacity:0;height:2px;transition:opacity var(--t-base);position:absolute;top:0;left:0;right:0}.blog-card:hover{border-color:var(--c-accent-glow);box-shadow:0 8px 32px #0006, var(--shadow-accent);transform:translateY(-2px)}.blog-card:hover:before{opacity:1}.blog-card__icon{margin-bottom:var(--sp-3);font-size:1.5rem}.blog-card__title{font-family:var(--font-display);color:var(--c-text);margin-bottom:var(--sp-2);font-size:.88rem;font-weight:700}.blog-card__desc{font-family:var(--font-display);color:var(--c-text-3);font-size:.78rem;line-height:1.5}.blog-compare{gap:var(--sp-4);margin:var(--sp-5) 0;grid-template-columns:1fr 1fr;display:grid}.blog-compare__panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5)}.blog-compare__panel-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent);margin-bottom:var(--sp-3);font-size:.8rem;font-weight:700}.blog-badge{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-full);align-items:center;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.blog-badge--yes{color:var(--c-success);background:#34c97e1a;border:1px solid #34c97e40}.blog-badge--no{color:var(--c-error);background:#f0404014;border:1px solid #f0404033}.blog-badge--tier{background:var(--c-accent-dim);color:var(--c-accent);border:1px solid var(--c-accent-glow)}.blog-diagram{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-6);margin:var(--sp-5) 0;text-align:center;overflow-x:auto}.blog-diagram__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:var(--sp-4);font-size:.68rem;font-weight:600}.blog-steps{gap:var(--sp-4);margin:var(--sp-5) 0;flex-direction:column;list-style:none;display:flex}.blog-step{gap:var(--sp-4);align-items:flex-start;display:flex}.blog-step__num{background:var(--c-accent-dim);border:1px solid var(--c-accent-glow);width:28px;height:28px;color:var(--c-accent);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;font-weight:500;display:flex}.blog-step__content{flex:1}.blog-step__title{font-family:var(--font-display);color:var(--c-text);margin-bottom:4px;font-size:.9rem;font-weight:600}.blog-step__desc{color:var(--c-text-2);font-size:.88rem;line-height:1.6}.blog-cheatsheet{background:var(--c-bg-2);border:1px solid var(--c-border-2);border-radius:var(--r-xl);padding:var(--sp-6);margin:var(--sp-5) 0}.blog-cheatsheet__title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:var(--sp-5);align-items:center;gap:var(--sp-2);font-size:.7rem;font-weight:700;display:flex}.blog-cheatsheet__title:after{content:"";background:var(--c-border);flex:1;height:1px}.blog-tier-row{gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-5);flex-wrap:wrap;display:flex}.blog-progress{background:linear-gradient(90deg, var(--c-accent), #7ab5ff);z-index:200;width:0%;height:3px;box-shadow:0 0 8px var(--c-accent);transition:width .1s linear;position:fixed;top:0;left:0}.blog-back-top{bottom:var(--sp-6);right:var(--sp-6);background:var(--c-surface);border:1px solid var(--c-border-2);width:44px;height:44px;color:var(--c-text-2);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--t-base);opacity:0;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:fixed;transform:translateY(16px)}.blog-back-top.visible{opacity:1;transform:translateY(0)}.blog-back-top:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff;box-shadow:var(--shadow-accent)}.blog-footer{border-top:1px solid var(--c-border);padding:var(--sp-7);text-align:center}.blog-footer__text{font-family:var(--font-display);color:var(--c-text-3);font-size:.78rem}.blog-footer__links{justify-content:center;gap:var(--sp-5);margin-top:var(--sp-3);display:flex}.blog-footer__links a{font-family:var(--font-display);color:var(--c-text-3);transition:color var(--t-fast);font-size:.75rem}.blog-footer__links a:hover{color:var(--c-accent);opacity:1}.blog-search{align-items:center;gap:var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);width:220px;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:7px 16px;display:flex}.blog-search:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-dim)}.blog-search__icon{color:var(--c-text-3);flex-shrink:0;font-size:.85rem}.blog-search input{font-family:var(--font-display);color:var(--c-text);background:0 0;border:none;outline:none;width:100%;font-size:.8rem}.blog-search input::placeholder{color:var(--c-text-3)}@media (max-width:900px){.blog-layout{padding:var(--sp-6) var(--sp-4);grid-template-columns:1fr}.blog-toc{display:none}.blog-hero{padding:var(--sp-8) var(--sp-4) var(--sp-6)}.site-header{padding:0 var(--sp-4)}.site-header__nav{gap:var(--sp-4)}.blog-compare{grid-template-columns:1fr}}@media (max-width:600px){.blog-cards{grid-template-columns:1fr}.site-header__nav .hide-mobile{display:none}}.footer{color:#cbd5f5;background:#020617;padding:60px 24px 20px}.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:40px;max-width:1200px;margin:auto;display:grid}.footer-logo{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.footer-desc{color:#94a3b8;margin-top:12px;font-size:14px}.footer-links a,.footer-contact a{color:#94a3b8;margin-bottom:10px;font-size:14px;text-decoration:none;display:block}.footer-links a:hover,.footer-contact a:hover{color:#8b5cf6}.footer-contact a{align-items:center;gap:6px;display:flex}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #ffffff0d;margin-top:40px;padding-top:16px;font-size:13px}.about-page{color:#111;max-width:1100px;margin:auto;padding:40px 20px}.about-hero{text-align:center;margin-bottom:50px}.about-title{font-size:36px;font-weight:700}.about-title span{color:#0078d4}.about-sub{color:#555;margin-top:10px}.about-section{margin-bottom:40px}.about-section h2{margin-bottom:10px;font-size:24px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.about-card{border:1px solid #eee;border-radius:12px;padding:20px;transition:all .3s}.about-card:hover{transform:translateY(-5px)}.about-author-inner{align-items:center;gap:20px;display:flex}.author-img{border-radius:50%}.author-role{color:#666;margin-bottom:10px}.author-links a{color:#0078d4;margin-right:15px;text-decoration:none}.about-cta{text-align:center;margin-top:60px}.about-cta-actions{margin-top:20px}.btn-primary{color:#fff;background:#0078d4;border-radius:6px;padding:10px 20px;text-decoration:none}.btn-secondary{color:#0078d4;border:1px solid #0078d4;border-radius:6px;margin-left:10px;padding:10px 20px;text-decoration:none}.animate-text{opacity:0;animation:.8s forwards fadeUp;transform:translateY(30px)}.hero-title{font-size:3rem;font-weight:700;animation-delay:0s}.role{color:#6366f1;font-size:1.3rem}.subtitle{color:#9ca3af;max-width:700px;margin-top:10px;line-height:1.6}.roadmap-links{margin-top:40px}.roadmap-links__divider{background:#ffffff1a;height:1px;margin-bottom:20px}.roadmap-links__label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:20px;font-size:.68rem;font-weight:700}.roadmap-links__track{grid-template-columns:repeat(4,1fr);display:grid;position:relative}.roadmap-links__track:before{content:"";z-index:0;background:linear-gradient(90deg,#22c55e80 0%,#f59e0b80 33%,#f9731680 66%,#8b5cf680 100%);height:1px;position:absolute;top:32px;left:12.5%;right:12.5%}.roadmap-links__node{z-index:1;flex-direction:column;align-items:center;gap:12px;padding:0 6px;text-decoration:none;transition:transform .22s;display:flex;position:relative}.roadmap-links__node:hover{transform:translateY(-4px)}.roadmap-links__dot-wrap{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.roadmap-links__dot-ring{border:1px solid #0000;border-radius:50%;transition:all .26s;position:absolute;inset:0}.roadmap-links__dot-core{z-index:1;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .26s;display:flex;position:relative}.roadmap-links__node--beginner:hover .roadmap-links__dot-ring{border-color:#22c55e80;box-shadow:0 0 0 6px #22c55e26}.roadmap-links__node--intermediate:hover .roadmap-links__dot-ring{border-color:#f59e0b80;box-shadow:0 0 0 6px #f59e0b26}.roadmap-links__node--advanced:hover .roadmap-links__dot-ring{border-color:#f9731680;box-shadow:0 0 0 6px #f9731626}.roadmap-links__node--architect:hover .roadmap-links__dot-ring{border-color:#8b5cf680;box-shadow:0 0 0 6px #8b5cf626}.roadmap-links__node--beginner:hover .roadmap-links__dot-core{border-color:#22c55e66;box-shadow:0 0 24px #22c55e80}.roadmap-links__node--intermediate:hover .roadmap-links__dot-core{border-color:#f59e0b66;box-shadow:0 0 24px #f59e0b80}.roadmap-links__node--advanced:hover .roadmap-links__dot-core{border-color:#f9731666;box-shadow:0 0 24px #f9731680}.roadmap-links__node--architect:hover .roadmap-links__dot-core{border-color:#8b5cf666;box-shadow:0 0 24px #8b5cf680}.roadmap-links__info{text-align:center}.roadmap-links__label-text{font-family:var(--font-display);color:#ffffffd9;margin-bottom:3px;font-size:.88rem;font-weight:700;transition:color .2s}.roadmap-links__node--beginner:hover .roadmap-links__label-text{color:#4ade80}.roadmap-links__node--intermediate:hover .roadmap-links__label-text{color:#fbbf24}.roadmap-links__node--advanced:hover .roadmap-links__label-text{color:#fb923c}.roadmap-links__node--architect:hover .roadmap-links__label-text{color:#a78bfa}.roadmap-links__sub{font-family:var(--font-display);color:#ffffff4d;margin-bottom:6px;font-size:.72rem;line-height:1.4}.roadmap-links__count{font-family:var(--font-display);letter-spacing:.06em;color:#ffffff4d;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;padding:2px 10px;font-size:.65rem;font-weight:600;display:inline-block}@media (max-width:600px){.roadmap-links__track{grid-template-columns:repeat(2,1fr);gap:24px}.roadmap-links__track:before{display:none}}.articles-hero{text-align:center;background:linear-gradient(180deg, var(--c-bg-2) 0%, var(--c-bg) 100%);border-bottom:1px solid var(--c-border);padding:60px 20px 40px}.articles-hero h1{font-family:var(--font-display);color:var(--c-text);margin-bottom:10px;font-size:2.5rem;font-weight:800}.articles-hero p{color:var(--c-text-2);margin-bottom:30px}.articles-search{max-width:600px;margin:0 auto 30px}.articles-search-input{border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);width:100%;color:var(--c-text);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:14px 20px;font-size:1rem}.articles-search-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-dim)}.articles-search-input::placeholder{color:var(--c-text-3)}.articles-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.filter-btn{font-family:var(--font-display);color:var(--c-text-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);padding:8px 16px;font-size:.85rem;font-weight:500}.filter-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.filter-btn.active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.articles-section{max-width:1200px;margin:0 auto;padding:40px 20px}.articles-service-section{margin-bottom:50px}.articles-service-title{font-family:var(--font-display);color:var(--c-text);align-items:center;gap:10px;margin-bottom:20px;font-size:1.4rem;font-weight:700;display:flex}.articles-count{color:var(--c-text-3);margin-left:auto;font-size:.8rem;font-weight:500}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.articles-cta{text-align:center;margin-top:40px}.no-results{text-align:center;color:var(--c-text-2);padding:60px 20px}.no-results button{background:var(--c-accent);color:#fff;border-radius:var(--r-md);cursor:pointer;border:none;margin-top:15px;padding:10px 20px}.article-hero{text-align:center;background:linear-gradient(180deg, var(--c-bg-2) 0%, var(--c-bg) 100%);border-bottom:1px solid var(--c-border);padding:80px 20px 40px}.back-link{font-family:var(--font-display);color:var(--c-accent);margin-bottom:20px;font-size:.85rem;display:inline-block}.article-service-tag{color:var(--c-accent);background:var(--c-accent-dim);border-radius:var(--r-full);margin-bottom:15px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.article-hero h1{font-family:var(--font-display);color:var(--c-text);max-width:800px;margin:0 auto 15px;font-size:2.2rem;font-weight:800;line-height:1.2}.article-description{color:var(--c-text-2);max-width:600px;margin:0 auto;font-size:1.1rem}.article-content{max-width:800px;margin:0 auto;padding:40px 20px}.article-content h1,.article-content h2,.article-content h3{font-family:var(--font-display);color:var(--c-text);margin:30px 0 15px}.article-content h1{font-size:1.8rem}.article-content h2{font-size:1.4rem}.article-content h3{font-size:1.15rem}.article-content p{color:var(--c-text-2);margin-bottom:15px;line-height:1.75}.article-content ul,.article-content ol{color:var(--c-text-2);margin:1.2rem 0;padding-left:1.8rem}.article-content li{margin-bottom:.5rem;line-height:1.7}.article-content li::marker{color:var(--c-accent)}.article-content ul ul,.article-content ol ol,.article-content ul ol,.article-content ol ul{margin:.4rem 0}@media (max-width:768px){.articles-hero h1{font-size:2rem}.articles-grid{grid-template-columns:1fr}.article-hero h1{font-size:1.6rem}.article-hero{padding:2.5rem 1.2rem 2rem}.article-content{padding:2rem 1.2rem 3rem;font-size:1rem}.article-content h1{font-size:1.6rem}.article-content h2{font-size:1.35rem}.article-content pre{padding:1rem;font-size:.82rem}.article-content table{font-size:.85rem}.article-content th,.article-content td{padding:.5rem .6rem}}