@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/fonts/manrope-latin.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 500 700; font-display: swap; src: url("/fonts/space-grotesk-latin.woff2") format("woff2"); }

:root { color-scheme: dark; --bg:#07111f; --panel:rgba(10,18,34,.8); --text:#f7f9fc; --muted:#9eb0c8; --accent:#4f8cff; --accent-soft:#8fbcff; --border:rgba(255,255,255,.12); --shadow:0 20px 50px rgba(0,0,0,.28); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at top left,rgba(79,140,255,.26),transparent 26%),linear-gradient(135deg,#07111f 0%,#10203d 60%,#13294b 100%); color:var(--text); font:400 16px/1.6 "Manrope","Segoe UI",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.container { width:min(1200px,calc(100% - 2rem)); margin:0 auto; }
.nav { position:sticky; top:0; z-index:20; background:rgba(7,17,31,.9); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
.nav .container { display:flex; justify-content:space-between; align-items:center; padding:1rem 0; }
.logo { display:inline-flex; align-items:center; gap:.7rem; padding:.2rem 0; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.9rem; }
.logo-mark { display:block; width:2.8rem; height:2.35rem; object-fit:contain; border-radius:.45rem; }
.logo-text { display:grid; line-height:1.05; }.logo-sub { font-size:.58rem; letter-spacing:.14em; color:rgba(210,227,255,.82); }.logo-main,h1,h2,h3 { font-family:"Space Grotesk","Manrope",sans-serif; }.logo-main { color:#f2f8ff; letter-spacing:.11em; }
.nav-links { display:flex; gap:1.2rem; color:var(--muted); font-size:.95rem; }.nav-links a:hover,.nav-links a[aria-current="page"] { color:#fff; }
.blog-hero { padding:6.5rem 0 4.3rem; text-align:center; background:linear-gradient(140deg,#0a2a5e 0%,#123c82 48%,#0a2856 100%); }.eyebrow { display:inline-flex; padding:.45rem .8rem; border:1px solid rgba(79,140,255,.25); border-radius:999px; background:rgba(79,140,255,.15); color:var(--accent-soft); font-size:.85rem; margin-bottom:1rem; }.blog-hero h1 { font-size:clamp(2.5rem,5vw,4rem); line-height:1.05; letter-spacing:-.02em; max-width:760px; margin:0 auto; }.lead { max-width:760px; color:#d1e0f5; font-size:1.12rem; margin:0; }
.section { padding:4.8rem 0; }.section-soft { background:linear-gradient(140deg,#f8fbff 0%,#eaf2ff 52%,#f6f9ff 100%); color:#11213a; }.section-title { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; margin:0 0 1rem; }.section-intro { margin:0 0 2rem; color:var(--muted); }.section-soft .section-intro { color:#506078; }
.featured { display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; border:1px solid var(--border); border-radius:24px; background:var(--panel); box-shadow:var(--shadow); }.featured-image,.card-image { position:relative; overflow:hidden; background:#10203d; }.featured-image { min-height:330px; }.featured-image img,.card-image img { width:100%; height:100%; object-fit:cover; display:block; opacity:.72; }.image-label { position:absolute; bottom:.85rem; left:.85rem; padding:.3rem .6rem; border-radius:999px; background:rgba(7,17,31,.82); color:#d6e6fd; font-size:.72rem; }.featured-copy { padding:2.4rem; display:flex; flex-direction:column; align-items:flex-start; }.category { color:var(--accent-soft); font-size:.83rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }.featured h2 { font-size:clamp(1.65rem,3vw,2.4rem); line-height:1.15; margin:.5rem 0 1rem; }.featured p { color:var(--muted); margin:0 0 1.4rem; }
.article-meta { display:flex; flex-wrap:wrap; gap:.55rem; color:var(--muted); font-size:.88rem; }.article-meta span + span::before { content:"·"; margin-right:.55rem; color:var(--accent-soft); }.btn { display:inline-flex; align-items:center; justify-content:center; padding:.85rem 1.15rem; margin-top:auto; border:1px solid transparent; border-radius:999px; background:linear-gradient(135deg,var(--accent),#77a8ff); color:#fff; font-weight:700; }.btn:hover { filter:brightness(1.08); }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }.article-card { display:flex; flex-direction:column; min-width:0; border:1px solid rgba(22,46,79,.16); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 12px 30px rgba(16,35,64,.1); }.card-image { aspect-ratio:16/9; }.card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:1.45rem; }.card-copy .category { color:#265cae; }.card-copy h3 { margin:.45rem 0 .75rem; color:#11213a; font-size:1.25rem; line-height:1.25; }.card-copy p { color:#506078; margin:0 0 1.1rem; }.card-copy .article-meta { color:#64748b; }.read-link { color:#1e5fb8; font-weight:800; margin-top:1.2rem; }.read-link:hover { color:#0a2a5e; }
.article-hero { padding:4.5rem 0 2.5rem; text-align:center; background:linear-gradient(140deg,#0a2a5e 0%,#123c82 48%,#0a2856 100%); }.back-link { display:inline-flex; margin-bottom:2rem; color:#b9d4ff; font-weight:700; }.article-hero h1 { max-width:900px; margin:.6rem auto 1rem; font-size:clamp(2.35rem,5vw,4rem); line-height:1.05; }.article-hero .article-meta { justify-content:center; color:#d1e0f5; }.article-cover { width:min(1100px,calc(100% - 2rem)); height:clamp(240px,42vw,520px); margin:0 auto -3.5rem; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:24px; background:#10203d; box-shadow:var(--shadow); }.article-cover img { width:100%; height:100%; object-fit:cover; opacity:.75; }.article-body { width:min(760px,calc(100% - 2rem)); margin:0 auto; padding:6.5rem 0 5rem; color:#d7e2f2; font-size:1.06rem; }.article-body h2 { color:#fff; font-size:clamp(1.55rem,3vw,2.1rem); line-height:1.2; margin:2.6rem 0 .8rem; }.article-body p,.article-body ul { margin:0 0 1.25rem; }.article-body ul { padding-left:1.3rem; }.article-body li + li { margin-top:.5rem; }.article-body blockquote { margin:2rem 0; padding:1rem 1.3rem; border-left:3px solid var(--accent); background:rgba(79,140,255,.1); color:#e7f0ff; font-family:"Space Grotesk","Manrope",sans-serif; font-size:1.18rem; }.article-inline-image { width:100%; border-radius:16px; margin:1.5rem 0; opacity:.72; }
.article-body a:not(.btn) { color:#8fbcff; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
footer { background:var(--bg); padding:2.8rem 0 2.5rem; color:var(--muted); font-size:.95rem; }.footer-social { display:grid; justify-items:center; gap:1.25rem; text-align:center; }.footer-social-title { margin:0; color:#f8fbff; font-size:clamp(1.25rem,2vw,1.55rem); line-height:1.2; }.footer-social-row,.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:1.3rem; }.footer-social-link { width:32px; height:32px; color:rgba(248,251,255,.82); }.footer-social-link:hover { color:var(--accent); }.footer-social-link svg { width:100%; height:100%; fill:currentColor; }.footer-divider { height:1px; margin:2rem 0 1.25rem; background:linear-gradient(90deg,transparent,rgba(214,230,255,.2),transparent); }.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.footer-bottom p { margin:0; }.footer-links a:hover { color:var(--accent); }
.klaro .cookie-notice:not(.cookie-modal-notice),.klaro .cookie-modal .cm-modal.cm-klaro { background:#0a2a5e!important; color:#fff!important; border:1px solid rgba(255,255,255,.18); }.klaro .cookie-notice p,.klaro .cookie-notice li,.klaro .cookie-modal p,.klaro .cookie-modal li,.klaro .cookie-modal h1 { color:#fff!important; }.klaro .cm-btn { border-radius:999px!important; font-weight:700!important; }.klaro .cm-btn.cm-btn-success { background:#4f8cff!important; color:#fff!important; }.klaro .cm-btn.cm-btn-info,.klaro .cm-btn.cm-btn-close { background:transparent!important; color:#fff!important; }
@media (max-width:900px) { .featured { grid-template-columns:1fr; }.featured-image { min-height:260px; }.card-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .nav-links { display:none; }.blog-hero { padding:4.8rem 0 3.2rem; }.section { padding:3.5rem 0; }.featured-copy { padding:1.6rem; }.card-grid { grid-template-columns:1fr; }.footer-bottom { flex-direction:column; text-align:center; }.article-hero { padding-top:3.4rem; }.article-cover { margin-bottom:-2.5rem; border-radius:18px; }.article-body { padding-top:5rem; } }