:root{--bg:#080f1c;--panel:#101c2c;--panel2:#132237;--line:#233449;--text:#f0f6fc;--muted:#9daec3;--cyan:#68e4e0;--purple:#9884f7;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'JetBrains Mono',monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body::before{content:'';position:absolute;inset:0 0 auto;height:680px;pointer-events:none;background:radial-gradient(ellipse at 82% 5%,rgba(76,67,147,.14),transparent 46%),radial-gradient(ellipse at 20% 18%,rgba(34,132,153,.08),transparent 40%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{background:#236d79;color:white}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-wrap{position:relative;min-height:100vh;overflow:hidden}.skip-link{position:absolute;top:-80px;left:10px;z-index:100;padding:12px;background:var(--cyan);color:var(--bg)}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,15,28,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(134,160,198,.12)}.header-content{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:inline-flex;align-items:center;gap:12px;font:700 20px var(--display);letter-spacing:-.7px;white-space:nowrap}.logo-mark{color:var(--cyan);background:#123043;border:1px solid #235163;border-radius:9px;font:700 17px var(--mono);padding:8px 9px}.logo-accent,.accent-dot{color:var(--cyan)}.nav{display:flex;align-items:center;gap:33px}.nav a{font-size:13px;color:#b7c5d8;font-weight:700;transition:color .18s}.nav a:hover,.footer-navigation a:hover{color:var(--cyan)}.nav .nav-social{border:1px solid #2a4655;border-radius:9px;padding:10px 15px;color:#e7f9fb}.nav-social span{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--text)}.hero{position:relative;padding:102px 0 84px;border-bottom:1px solid rgba(143,174,210,.07)}.hero-glow{position:absolute;width:650px;height:620px;right:-210px;top:-180px;pointer-events:none;background:radial-gradient(circle,rgba(42,146,168,.09),transparent 69%)}.hero-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:60px;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow,.kicker{font:600 11px var(--mono);color:var(--cyan);letter-spacing:1.3px}.eyebrow{display:inline-flex;align-items:center;gap:11px}.pulse-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px rgba(104,228,224,.9)}h1,h2,h3{font-family:var(--display);letter-spacing:-1.1px}h1{font-size:clamp(46px,5.05vw,73px);line-height:1.08;letter-spacing:-3.4px;margin:25px 0 23px}h1 span:not(.accent-dot){color:var(--cyan)}.lead{font-size:17px;line-height:1.85;color:#b1c1d1;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:50px;padding:0 22px;border-radius:10px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#07212a}.btn-primary:hover{background:#a0f3e8}.btn-outline{border:1px solid #33495d;color:#dce8f3;background:rgba(255,255,255,.02)}.btn-outline:hover{border-color:var(--cyan)}.hero-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hero-bottom>span:first-child{font:600 10px var(--mono);color:#7c8da1;letter-spacing:1px;margin-right:6px}.tag,.project-tags span{font:500 11px var(--mono);color:#a5b9cb;border:1px solid #293e53;border-radius:6px;padding:8px 10px;background:#0d1a2b}.hero-visual{position:relative;min-width:0}.editor{background:#0d1b2e;border:1px solid #294051;box-shadow:0 32px 80px #0007,0 0 65px #1d87900c;border-radius:14px;overflow:hidden;transform:rotate(-1.5deg)}.editor-top{height:51px;border-bottom:1px solid #2c4051;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#829aad;font:11px var(--mono)}.dots{display:flex;gap:7px}.dots i{width:9px;height:9px;border-radius:50%;background:#ed7d73}.dots i:nth-child(2){background:#ebc16d}.dots i:nth-child(3){background:#6cba98}.editor-icon{font-size:17px}.editor-code{padding:27px 15px 34px;font:11.5px/2.15 var(--mono);color:#d6e4f2;white-space:pre;overflow-x:auto}.editor-code div{display:flex}.editor-code b{display:inline-block;width:42px;flex:0 0 42px;margin-right:12px;color:#597087;text-align:right;font-weight:400}.editor-code .purple{color:#ac9aff}.editor-code .yellow{color:#f5d999}.editor-code .green{color:#82dfb9}.editor-status{display:flex;justify-content:space-between;background:#11283c;padding:12px 18px;font:10px var(--mono);color:#74c8ca}.float-note{position:absolute;bottom:-33px;right:-25px;background:#182c3e;box-shadow:0 18px 40px #0008;border:1px solid #35566a;border-radius:12px;display:flex;align-items:center;gap:12px;padding:13px 19px}.float-icon{color:var(--cyan);font-size:25px}.float-note strong,.float-note small{display:block}.float-note strong{font-size:11px}.float-note small{font-size:10px;color:var(--muted);margin-top:4px}.section{padding-top:94px;padding-bottom:28px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:clamp(30px,3.3vw,44px);margin:12px 0 10px;letter-spacing:-1.8px}.section-heading p{font-size:15px;color:var(--muted);line-height:1.75;margin:0}.split{display:flex;justify-content:space-between;align-items:end;gap:20px}.text-link{font-size:12px;font-weight:700;color:var(--cyan);white-space:nowrap}.text-link:hover{text-decoration:underline}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topic-card{position:relative;min-height:270px;background:linear-gradient(135deg,#111e31,#0d1828);border:1px solid #26394d;border-radius:13px;padding:25px 23px;transition:transform .2s,border-color .2s}.topic-card:hover,.article-card:hover,.project-card:hover{transform:translateY(-4px);border-color:#427c87}.topic-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:#153444;color:var(--cyan);font:700 21px var(--mono);margin-bottom:25px}.topic-label,.project-number{font:600 9px var(--mono);color:#8094a7;letter-spacing:1px}.topic-card h3{font-size:20px;letter-spacing:-.6px;margin:9px 0 9px}.topic-card p{font-size:12px;color:#91a4b9;line-height:1.85;margin:0;padding-bottom:22px}.card-arrow{position:absolute;bottom:18px;right:19px;color:var(--cyan);font-size:20px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article-card{display:block;border:1px solid #26394d;background:#101c2c;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.article-art{height:162px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font:10px var(--mono);color:#89acbc;letter-spacing:.6px}.art-one{background:radial-gradient(circle at 55% 45%,#2a586c 0,#122c40 43%,#0d1c2c 90%)}.art-two{background:radial-gradient(circle at 55% 45%,#364575 0,#1b2b51 43%,#111a30 90%)}.art-three{background:radial-gradient(circle at 55% 45%,#276d69 0,#123d3e 43%,#0c242d 90%)}.art-four{background:radial-gradient(circle at 55% 45%,#65533a 0,#342f2d 43%,#161d27 90%)}.art-symbol{font:500 54px var(--mono);color:#c1f7f1;text-shadow:0 0 30px #5ee9ea55}.article-body{padding:22px}.article-category{color:var(--cyan);font:600 10px var(--mono);letter-spacing:.7px}.article-body h3{font-size:19px;letter-spacing:-.5px;line-height:1.34;min-height:52px;margin:12px 0}.article-body p{font-size:12px;line-height:1.85;color:#9aacbc;min-height:65px}.article-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #293848;padding-top:17px;margin-top:22px;font:10px var(--mono);color:#8195a9}.article-foot span{color:var(--cyan)}.manifesto{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(110deg,#132e3b,#132036 65%,#1a2340);border:1px solid #285060;border-radius:16px;padding:41px 45px}.manifesto h2{font-size:30px;line-height:1.25;max-width:580px;margin:15px 0}.manifesto p{font-size:13px;line-height:1.9;max-width:670px;color:#a2b8ca}.manifesto .btn{flex-shrink:0}.media-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:37px 42px;background:#111d2e;border:1px solid #26394d;border-radius:15px}.media-icon{display:inline-flex;align-items:center;justify-content:center;background:#1a4651;border-radius:9px;width:43px;height:43px;color:var(--cyan)}.media-card h3{font-size:24px;margin:14px 0 9px}.media-card p{color:#9daec3;font-size:13px;line-height:1.75;max-width:600px;margin:0}.site-footer{border-top:1px solid #243448;margin-top:95px;background:#0a1321}.footer-top{display:flex;justify-content:space-between;gap:24px;padding:47px 0}.footer-top p{font-size:12px;color:#8fa0b3}.footer-navigation{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-navigation a{font-size:12px;color:#a8b8c6}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid #203146;color:#74899f;font:10px var(--mono)}.page-heading{padding-top:91px;padding-bottom:46px}.page-heading h1{max-width:930px;margin:19px 0;font-size:clamp(45px,6vw,80px)}.page-heading .lead{max-width:770px}.blog-area{padding-bottom:65px}.search-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.search-field{width:min(540px,100%);border:1px solid #30465a;border-radius:11px;display:flex;align-items:center;gap:13px;background:#101d2e;padding:0 17px}.search-field>span{font-size:24px;color:var(--cyan)}.search-field input{width:100%;border:0;outline:none;background:transparent;padding:16px 0;color:var(--text);font-size:14px}.search-field input::placeholder{color:#7f91a5}.result-count{color:#8296ab;font:11px var(--mono)}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:27px 0 25px;border-bottom:1px solid var(--line)}.filter{border:1px solid #304357;background:#0c1828;color:#9fb1c1;border-radius:8px;font-size:12px;padding:10px 17px}.filter.active,.filter:hover{color:#051e22;background:var(--cyan);border-color:var(--cyan)}.list-article{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:27px 8px;transition:background .2s}.list-article:hover{background:#111e30}.list-article[hidden]{display:none}.list-art{width:135px;min-width:135px;height:105px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#c8f6ec;font:500 37px var(--mono)}.list-copy{display:flex;flex-direction:column;gap:9px;flex:1}.list-copy strong{font:600 22px var(--display)}.list-copy>span:not(.article-category){font-size:13px;color:#9bacbf;line-height:1.6}.list-copy small{font:10px var(--mono);color:#748aa1}.list-arrow{font-size:25px;color:var(--cyan)}.empty-results{padding:45px;color:var(--muted);text-align:center}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{background:#111e2f;border:1px solid #293b50;border-radius:14px;padding:27px;transition:transform .2s,border-color .2s}.project-visual{height:145px;display:flex;align-items:center;justify-content:center;color:var(--cyan);font:700 40px var(--mono);background:linear-gradient(135deg,#142d41,#11192c);border-radius:10px;margin:19px 0}.project-card h2{font-size:22px}.project-card p{color:var(--muted);font-size:13px;line-height:1.8}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 24px}.project-tags span{font-size:10px}.article-page{max-width:1110px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#8ba1b4;font:11px var(--mono);padding-top:49px}.breadcrumb a:hover{color:var(--cyan)}.post-heading{max-width:790px;margin:58px 0 60px}.post-heading h1{font-size:clamp(41px,5vw,72px);margin:19px 0 21px}.post-byline{display:flex;align-items:center;gap:13px;margin-top:27px}.avatar-initials{background:#1a4953;color:var(--cyan);font:700 13px var(--display);width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.post-byline strong,.post-byline small{display:block;font-size:12px}.post-byline small{color:var(--muted);margin-top:5px}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:72px;align-items:start}.article-content{font-size:16px;line-height:1.95;color:#bdcbda;min-width:0}.article-content h2,.article-content h3{color:var(--text);line-height:1.35;scroll-margin-top:95px}.article-content h2{margin:44px 0 17px;font-size:30px}.article-content h3{margin:29px 0 12px;font-size:22px}.article-content p{margin:0 0 22px}.article-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.article-content ul,.article-content ol{padding-left:25px;margin:0 0 25px}.article-content li{padding:3px 0}.article-content code:not(pre code){font:13px var(--mono);background:#1a2c40;color:#a9ecdf;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.article-content pre{max-width:100%;overflow:auto;background:#0b192b;border:1px solid #2c4155;border-radius:11px;padding:23px;line-height:1.7;margin:20px 0 28px}.article-content pre code{font:12px/1.8 var(--mono);color:#c7d9e9;white-space:pre}.article-content blockquote{border-left:3px solid var(--cyan);margin:28px 0;padding:9px 22px;background:#101f30;color:#d6e5ec}.article-content strong{color:#eaf5f9}.article-sidebar{position:sticky;top:115px;display:grid;gap:16px}.sidebar-box{border:1px solid #273f53;border-radius:12px;padding:22px;background:#101c2c}.sidebar-box strong{display:block;margin:15px 0 10px;font:600 19px var(--display)}.sidebar-box p{font-size:12px;line-height:1.8;color:var(--muted)}.sidebar-box a{display:block;font-size:12px;color:var(--cyan);margin-top:12px}.post-end{border-top:1px solid #2b4153;padding:41px 0;margin-top:64px}.post-end strong{font:600 25px var(--display)}.post-end p{color:var(--muted);font-size:14px}.post-end .btn{margin:15px 10px 0 0}.about-layout{display:grid;grid-template-columns:minmax(0,700px) 280px;justify-content:space-between;gap:60px}.about-aside{background:#122337;border:1px solid #29475a;border-radius:13px;padding:25px;align-self:start}.about-aside p{border-bottom:1px solid #284457;padding:15px 0;font:600 14px var(--display)}.about-aside p:last-child{border-bottom:0}@media(max-width:1000px){.hero-grid{gap:30px;grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.post-layout{gap:36px}}@media(max-width:760px){.header-content{min-height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b192b;border-bottom:1px solid #30465a;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 23px}.nav.is-open{display:flex}.nav a{padding:13px 0}.nav .nav-social{margin-top:9px;text-align:center}.hero{padding:65px 0 60px}.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:530px;margin:10px auto 25px;width:100%}.hero-copy h1{max-width:690px}.float-note{right:0}.article-grid{grid-template-columns:1fr 1fr}.post-layout,.about-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.media-card,.manifesto{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr}.page-heading{padding-top:62px}.footer-top{flex-direction:column}}@media(max-width:560px){.container{width:min(100% - 32px,1160px)}h1{font-size:46px;letter-spacing:-2.4px}.hero{padding-top:49px}.hero-bottom>span:first-child{width:100%;margin-bottom:5px}.topic-grid,.article-grid{grid-template-columns:1fr}.section{padding-top:69px}.section-heading h2{font-size:32px}.split{align-items:flex-start;flex-direction:column}.topic-card{min-height:230px}.editor{transform:none}.editor-code{font-size:10px;padding:19px 7px 25px}.editor-code b{width:25px;flex-basis:25px;margin-right:8px}.float-note{bottom:-28px}.manifesto,.media-card{padding:26px}.manifesto h2{font-size:26px}.search-row{align-items:flex-start;flex-direction:column}.list-art{width:75px;min-width:75px;height:90px;font-size:24px}.list-article{gap:14px}.list-copy strong{font-size:17px}.list-arrow{display:none}.article-sidebar{grid-template-columns:1fr}.post-heading{margin:42px 0}.post-heading h1{font-size:41px}.article-content{font-size:15px}.footer-bottom{flex-direction:column;line-height:1.8}.actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}