:root{--navy:#071a2b;--navy-2:#0e2a42;--blue:#1476ff;--cyan:#22c8ee;--ink:#122033;--muted:#657386;--line:#dfe6ee;--soft:#f3f7fb;--white:#fff;--orange:#ff7a45;--radius:16px;--shadow:0 12px 35px rgba(7,26,43,.09);--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.skip-link{position:fixed;z-index:999;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;border-radius:8px;background:#fff;color:#000}.skip-link:focus{transform:none}.top-strip{background:var(--navy);color:#b9cad8;font-size:12px}.top-strip .container{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-strip a:hover{color:#fff}.site-header{position:sticky;z-index:50;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-main{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-size:22px;font-weight:900;letter-spacing:-.7px;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:17px;box-shadow:0 8px 20px rgba(20,118,255,.25)}.brand em{font-style:normal;color:var(--blue)}.main-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-item{position:relative}.nav-link,.nav-trigger{display:flex;align-items:center;gap:6px;min-height:42px;padding:0 11px;border:0;background:transparent;color:#26384a;font-size:14px;font-weight:700;cursor:pointer;border-radius:9px}.nav-link:hover,.nav-trigger:hover,.nav-item.open>.nav-trigger,.nav-link.active{background:var(--soft);color:var(--blue)}.chevron{font-size:10px;transition:transform .2s}.open>.nav-trigger .chevron{transform:rotate(180deg)}.submenu{position:absolute;top:calc(100% + 8px);left:0;display:none;width:250px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.nav-item.open>.submenu{display:block}.submenu a,.submenu-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#33465a;font-size:13px;text-align:left;cursor:pointer}.submenu a:hover,.submenu-trigger:hover{background:var(--soft);color:var(--blue)}.submenu-group{position:relative}.submenu-group>.submenu{top:-8px;left:calc(100% + 9px)}.submenu-group.open>.submenu{display:block}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn,.menu-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);cursor:pointer}.icon-btn:hover,.menu-toggle:hover{border-color:var(--blue);color:var(--blue)}.menu-toggle{display:none}.ticker{border-bottom:1px solid var(--line);background:#fff}.ticker .container{display:flex;align-items:center;min-height:42px;overflow:hidden}.ticker-label{flex:0 0 auto;margin-right:18px;padding:5px 9px;border-radius:6px;background:#e9f2ff;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ticker-track{display:flex;gap:30px;white-space:nowrap;font-size:13px;color:#43556a}.ticker-track a:before{content:"";display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:var(--orange)}.page-main{padding:34px 0 70px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;color:#7c8997;font-size:13px}.breadcrumb a:hover{color:var(--blue)}.breadcrumb span+span:before,.breadcrumb a+span:before,.breadcrumb a+a:before{content:"/";margin-right:8px;color:#b4bec8}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr);gap:22px}.hero-card{position:relative;min-height:430px;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#0b2f50,#1367b6);color:#fff;box-shadow:var(--shadow)}.hero-art{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(34,200,238,.7),transparent 27%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.12) 45.5%,transparent 46%),repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.045) 39px 40px)}.hero-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:38px;background:linear-gradient(transparent,rgba(4,18,31,.95) 42%)}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;background:#eaf3ff;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hero-card .tag{background:var(--cyan);color:#05283c}.hero-copy h1{max-width:720px;margin:13px 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-.035em}.meta{display:flex;flex-wrap:wrap;gap:14px;color:#788697;font-size:12px}.hero-card .meta{color:#d3e5f2}.mini-stack{display:grid;gap:16px}.mini-feature{position:relative;display:flex;min-height:127px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.mini-thumb{flex:0 0 112px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f1ff,#cce5ff);color:var(--blue);font-weight:900;font-size:28px}.mini-thumb.purple{background:linear-gradient(145deg,#f0eaff,#ddccff);color:#7148d4}.mini-thumb.green{background:linear-gradient(145deg,#e5faee,#c6efd8);color:#16814c}.mini-copy{padding:15px}.mini-copy h2{margin:7px 0;font-size:15px;line-height:1.35}.section{margin-top:44px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.section-title{position:relative;margin:0;padding:0 0 12px;font-size:24px;letter-spacing:-.025em}.section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:56px;height:3px;border-radius:3px;background:var(--blue)}.section-link{padding-bottom:13px;color:var(--blue);font-size:13px;font-weight:700}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.post-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.post-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#dcecff,#a8d1ff);color:#0b5bc7;font-size:36px;font-weight:900}.post-thumb:after{content:"";position:absolute;width:140px;height:140px;right:-40px;bottom:-65px;border:30px solid rgba(255,255,255,.35);border-radius:50%}.post-thumb.ai{background:linear-gradient(135deg,#e8defe,#bfa6f4);color:#6740c3}.post-thumb.security{background:linear-gradient(135deg,#d7f8ed,#93dfc4);color:#087657}.post-thumb.mobile{background:linear-gradient(135deg,#ffe7dc,#ffc1a5);color:#b84d1d}.post-body{padding:18px}.post-body h3{margin:10px 0 8px;font-size:18px;line-height:1.35;letter-spacing:-.01em}.post-body p{margin:0 0 12px;color:var(--muted);font-size:13px}.sidebar{display:grid;align-content:start;gap:22px}.widget{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.widget-title{margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:16px}.trend-list{counter-reset:trend;display:grid;gap:15px}.trend-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.trend-item:before{counter-increment:trend;content:counter(trend,decimal-leading-zero);color:#a6b3bf;font-size:18px;font-weight:900}.trend-item a{font-size:13px;font-weight:700;line-height:1.45}.trend-item a:hover{color:var(--blue)}.newsletter{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff}.newsletter p{color:#b9cbd8;font-size:13px}.inline-form{display:flex;gap:8px}.inline-form input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid #dce4ec;border-radius:9px;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:13px;cursor:pointer}.btn:hover{background:#075fd8}.btn.secondary{border-color:var(--line);background:#fff;color:var(--navy)}.btn.secondary:hover{border-color:var(--blue);color:var(--blue)}.page-hero{padding:45px 0;background:linear-gradient(145deg,#f0f7ff,#fff);border-bottom:1px solid var(--line)}.page-hero h1{margin:0 0 10px;font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-.04em}.page-hero p{max-width:680px;margin:0;color:var(--muted)}.category-list{display:grid;gap:18px}.list-card{display:grid;grid-template-columns:240px 1fr;gap:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.list-card .post-thumb{border-radius:13px}.list-card h2{margin:7px 0;font-size:21px;line-height:1.35}.list-card p{margin:0 0 12px;color:var(--muted);font-size:14px}.pagination{display:flex;gap:8px;margin-top:28px}.pagination a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:700}.pagination a.active,.pagination a:hover{border-color:var(--blue);background:var(--blue);color:#fff}.tree-menu,.tree-menu ul{margin:0;padding:0;list-style:none}.tree-menu ul{display:none;padding:5px 0 5px 16px}.tree-menu li.open>ul{display:block}.tree-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f6}.tree-row a{flex:1;padding:10px 0;font-size:13px;font-weight:700}.tree-toggle{width:32px;height:32px;border:0;background:transparent;color:#778698;cursor:pointer}.tree-menu li.open>.tree-row .tree-toggle{transform:rotate(90deg)}.article-wrap{display:grid;grid-template-columns:minmax(0,780px) 320px;gap:42px}.article-head h1{margin:8px 0 14px;font-size:clamp(34px,5vw,54px);line-height:1.1;letter-spacing:-.04em}.article-lead{font-size:19px;color:#4f6072}.article-cover{display:grid;place-items:center;aspect-ratio:16/8;margin:27px 0;border-radius:20px;background:linear-gradient(135deg,#cde5ff,#7db9ff);color:#0759c3;font-size:72px;font-weight:900}.prose{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.85}.prose h2{margin:2em 0 .65em;font-family:Inter,system-ui,sans-serif;font-size:28px;line-height:1.25}.prose h3{margin:1.7em 0 .55em;font-family:Inter,system-ui,sans-serif;font-size:21px}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:1.8em 0;padding:18px 22px;border-left:4px solid var(--blue);background:var(--soft);font-size:18px}.prose pre{overflow:auto;padding:18px;border-radius:12px;background:#0b1f30;color:#d9ebf8;font:14px/1.65 ui-monospace,monospace}.toc-box{position:sticky;top:92px}.toc-box a{display:block;padding:7px 0;color:var(--muted);font-size:13px}.toc-box a:hover{color:var(--blue)}.tools-grid,.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card,.course-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.2s}.tool-card:hover,.course-card:hover{transform:translateY(-3px);border-color:#b9d5f8;box-shadow:var(--shadow)}.tool-icon,.course-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eaf3ff;color:var(--blue);font-size:21px}.tool-card h2,.course-card h2{margin:14px 0 8px;font-size:17px}.tool-card p,.course-card p{margin:0;color:var(--muted);font-size:13px}.filter-bar{display:flex;gap:10px;margin-bottom:23px}.search-input{width:100%;height:46px;padding:0 15px;border:1px solid var(--line);border-radius:10px;outline:none}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,118,255,.1)}.tool-demo{margin-top:36px;padding:24px;border-radius:18px;background:var(--soft)}.tool-demo textarea{width:100%;min-height:150px;padding:14px;border:1px solid var(--line);border-radius:10px;resize:vertical}.demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,118,255,.1)}.field textarea{min-height:150px;resize:vertical}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius)}.info-card b{display:block;margin-bottom:8px}.policy{max-width:850px}.policy h2{margin-top:1.8em;font-size:24px}.policy .updated{padding:12px 15px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:13px}.site-footer{margin-top:50px;background:var(--navy);color:#cfdae4}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:38px;padding:52px 0 38px}.footer-logo-text{color:#fff}.footer-brand p{max-width:320px;color:#91a6b7;font-size:13px}.footer-col h2{margin:0 0 15px;color:#fff;font-size:14px}.footer-col a{display:block;padding:5px 0;color:#9db0bf;font-size:13px}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #20384b;color:#7890a3;font-size:12px}.search-panel{position:fixed;z-index:100;inset:0;display:none;padding:90px 20px;background:rgba(3,16,27,.78);backdrop-filter:blur(7px)}.search-panel.open{display:block}.search-box{max-width:680px;margin:auto;padding:22px;border-radius:16px;background:#fff}.search-box form{display:flex;gap:9px}.search-close{float:right;margin:-10px -7px 8px 8px;border:0;background:transparent;font-size:24px;cursor:pointer}.empty-state{display:none;padding:35px;text-align:center;color:var(--muted)}.status{min-height:22px;margin-top:12px;color:#148248;font-size:13px}.only-mobile{display:none}@media(max-width:1000px){.main-nav{position:fixed;top:72px;right:0;bottom:0;display:none;width:min(360px,90vw);overflow:auto;padding:15px;background:#fff;border-left:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.open{display:block}.nav-link,.nav-trigger{width:100%;justify-content:space-between}.nav-item{width:100%}.submenu,.submenu-group>.submenu{position:static;width:100%;margin:2px 0 8px;padding-left:12px;border:0;box-shadow:none}.menu-toggle{display:grid}.only-mobile{display:block}.content-layout,.article-wrap{grid-template-columns:1fr}.toc-box{position:static}.hero-grid{grid-template-columns:1fr}.mini-stack{grid-template-columns:repeat(3,1fr)}.mini-feature{display:block}.mini-thumb{height:100px}.footer-grid{grid-template-columns:1fr 1fr}.tools-grid,.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.top-strip{display:none}.header-main{height:64px}.main-nav{top:64px}.brand{font-size:19px}.brand-mark{width:34px;height:34px}.ticker-track{animation:ticker 25s linear infinite}.hero-card{min-height:390px}.hero-copy{padding:25px}.mini-stack{grid-template-columns:1fr}.mini-feature{display:flex}.mini-thumb{height:auto}.content-layout{display:block}.sidebar{margin-top:32px}.post-grid{grid-template-columns:1fr}.list-card{grid-template-columns:1fr}.list-card .post-thumb{aspect-ratio:16/8}.tools-grid,.library-grid,.info-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.page-main{padding-top:24px}@keyframes ticker{to{transform:translateX(-55%)}}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}