:root{
  --bg:#172236;
  --bg-2:#101a2b;
  --panel:#223149;
  --panel-2:#293a55;
  --line:#334660;
  --text:#f4f8ff;
  --muted:#a9b6ca;
  --soft:#d8e5f7;
  --cyan:#35d3f7;
  --pink:#ff4ed0;
  --violet:#8b5cf6;
  --shadow:0 24px 70px rgba(2,8,23,.35);
  --radius:16px;
  --radius-lg:24px;
  --max:1568px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:16px;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cyan)}
.content-card p a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--cyan);color:#07111f;padding:10px 14px;border-radius:12px;z-index:1000}.skip-link:focus{left:16px;top:16px}
.site-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.sidebar{
  position:sticky;top:0;height:100vh;padding:22px 24px;background:var(--bg);display:flex;flex-direction:column;gap:48px;z-index:20;
}
.logo{display:inline-flex;align-items:center;gap:8px;font-size:39px;line-height:1;font-weight:850;letter-spacing:-.09em;color:#fff}
.logo-dot{width:9px;height:9px;background:var(--pink);border-radius:50%;margin-top:22px;box-shadow:0 0 18px rgba(255,78,208,.65)}
.nav-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7f8ca3;margin:0 0 14px 0}
.side-nav{display:grid;gap:12px}
.nav-link{display:flex;align-items:center;gap:12px;padding:8px 6px;color:#aebbd0;border-radius:12px;transition:.2s ease}
.nav-link:hover,.nav-link[aria-current="page"]{color:#fff;background:rgba(255,255,255,.035)}
.nav-icon{width:22px;height:22px;color:currentColor;opacity:.96;flex:0 0 auto}.nav-link[aria-current="page"] .nav-icon{color:var(--cyan)}
.sidebar-note{margin-top:auto;color:#8f9db2;font-size:13px;line-height:1.5;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.main-area{min-width:0;background:linear-gradient(180deg,#1a263b 0,#172236 35%,#132033 100%);}
.topbar{height:88px;padding:21px 40px 0 40px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:sticky;top:0;background:rgba(26,38,59,.88);backdrop-filter:blur(16px);z-index:15;border-bottom:1px solid rgba(255,255,255,.03)}
.search-wrap{position:relative;width:min(480px,50vw)}
.search-input{width:100%;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#4a5b73;color:#fff;padding:0 18px 0 56px;outline:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.08)}
.search-input::placeholder{color:#fff;opacity:.92}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#fff;opacity:.9}
.quick-action{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;background:var(--cyan);color:#06111f;font-weight:800;letter-spacing:.02em;white-space:nowrap;box-shadow:0 8px 24px rgba(53,211,247,.22)}
.quick-action:hover{color:#06111f;filter:brightness(1.05)}
.mobile-menu{display:none;background:transparent;border:0;color:#fff;padding:10px;border-radius:12px}.mobile-menu svg{width:28px;height:28px}
.container{max-width:var(--max);margin:0 auto;padding:34px 40px 64px 40px}
.hero{position:relative;overflow:hidden;min-height:460px;border-radius:10px;background:var(--panel);box-shadow:var(--shadow);display:grid;align-items:end;border:1px solid rgba(255,255,255,.08)}
.hero-media{position:absolute;inset:0}.hero-media picture,.hero-media img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,26,43,.95) 0%,rgba(16,26,43,.78) 38%,rgba(16,26,43,.18) 72%,rgba(16,26,43,.5) 100%)}
.hero-content{position:relative;z-index:1;width:min(760px,100%);padding:58px 60px 58px 60px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--cyan);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.eyebrow:before{content:"";width:32px;height:2px;background:var(--cyan);display:inline-block;border-radius:999px}
h1{margin:0 0 20px;font-size:clamp(40px,6vw,84px);line-height:.94;letter-spacing:-.065em;font-weight:900;max-width:780px}p{margin:0 0 16px;color:#dbe6f6}.lead{font-size:clamp(17px,1.35vw,21px);line-height:1.7;color:#f1f6ff;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.16);background:#31425b;color:#fff}.btn.primary{background:var(--cyan);color:#06111f;border-color:var(--cyan)}.btn:hover{transform:translateY(-1px);color:#fff}.btn.primary:hover{color:#06111f}.section{margin-top:34px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 16px}.section-title{font-size:clamp(26px,2.6vw,42px);letter-spacing:-.035em;line-height:1.1;margin:0}.section-text{max-width:940px;color:#c9d6e9}.card{background:rgba(34,49,73,.96);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:0 16px 50px rgba(2,8,23,.16)}.content-card{padding:30px}.content-card p:last-child{margin-bottom:0}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fact{padding:18px;border-radius:14px;background:#263750;border:1px solid rgba(255,255,255,.08)}.fact span{display:block;color:#9caac0;font-size:13px}.fact strong{display:block;color:#fff;font-size:16px;margin-top:4px}.image-card{overflow:hidden}.image-card img{width:100%;height:100%;object-fit:cover;min-height:320px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}.split.reverse{grid-template-columns:.95fr 1.05fr}.mini-title{font-size:22px;line-height:1.15;margin:0 0 12px;letter-spacing:-.02em}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{padding:7px 10px;border-radius:999px;background:rgba(53,211,247,.12);color:#bff3ff;font-weight:700;font-size:13px;border:1px solid rgba(53,211,247,.22)}.link-card{display:flex;flex-direction:column;gap:10px;min-height:178px;padding:22px;border-radius:var(--radius);background:#223149;border:1px solid rgba(255,255,255,.08);transition:.2s ease}.link-card:hover{transform:translateY(-2px);color:#fff;background:#273955}.link-card span{color:var(--cyan);font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.link-card p{margin:0;color:#c7d3e6}.faq{display:grid;gap:12px}.faq details{background:#223149;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0 18px}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:800;color:#fff}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 0 18px 0;margin:0;color:#cbd8eb}.steps{counter-reset:steps;display:grid;gap:14px}.step{counter-increment:steps;display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;background:#223149;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.step:before{content:counter(steps);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cyan);color:#07111f;font-weight:900}.step h3{margin:0 0 6px}.step p{margin:0}.page-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:20px;align-items:stretch}.page-hero .hero-lite{padding:42px;border-radius:10px;background:#223149;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.page-hero h1{font-size:clamp(40px,5vw,72px)}.page-hero .image-card{border-radius:10px;min-height:360px}.breadcrumbs{font-size:13px;color:#a9b6ca;margin-bottom:16px}.breadcrumbs a{color:#cbd8eb}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.sticky-card{position:sticky;top:112px;padding:22px}.small-nav{display:grid;gap:10px}.small-nav a{color:#c3cfe2}.small-nav a:hover{color:var(--cyan)}.download-panel{border-radius:16px;background:linear-gradient(135deg,rgba(53,211,247,.18),rgba(255,78,208,.08));border:1px solid rgba(53,211,247,.22);padding:26px}.footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 40px;color:#93a1b7}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#c8d4e6;margin-right:16px}.footer p{margin:0;color:#93a1b7;font-size:14px}.search-results{position:absolute;z-index:30;top:52px;left:0;width:100%;border-radius:18px;background:#223149;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);display:none;overflow:hidden}.search-results.active{display:block}.search-results a{display:block;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#e7eefc}.search-results a:last-child{border-bottom:0}.search-results small{display:block;color:#99a7bd;margin-top:2px}
@media (max-width:1100px){.site-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;transform:translateX(-100%);transition:.25s ease;box-shadow:40px 0 80px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{padding-left:20px;padding-right:20px;align-items:flex-start}.container{padding-left:20px;padding-right:20px}.search-wrap{width:min(520px,calc(100vw - 180px))}.hero-content{padding:42px}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split.reverse,.page-hero,.article-layout{grid-template-columns:1fr}.sticky-card{position:static}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){body{font-size:15px}.topbar{height:auto;padding-bottom:14px;gap:12px}.search-wrap{width:100%;order:3;flex-basis:100%}.topbar{flex-wrap:wrap}.quick-action{height:40px;padding:0 16px}.container{padding-top:20px}.hero{min-height:520px}.hero-content{padding:28px}.hero-actions{gap:10px}.btn{width:100%;}.grid.two,.grid.three,.fact-grid{grid-template-columns:1fr}.section-head{display:block}.content-card{padding:22px}.page-hero .hero-lite{padding:28px}.footer{padding-left:20px;padding-right:20px}.step{grid-template-columns:1fr}.step:before{width:38px;height:38px}.logo{font-size:34px}}