@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}:root{--black:#0a0d12;--charcoal:#141922;--gray-900:#1e2530;--gray-800:#2a3240;--gray-700:#3d4657;--gray-600:#525c70;--gray-500:#6b768a;--gray-400:#8891a3;--gray-300:#a5aebf;--gray-200:#c2c9d6;--nordic-teal:#4ecdc4;--nordic-teal-bright:#6ee7de;--nordic-teal-dim:#3da99f;--nordic-teal-alpha:rgba(78,205,196,0.12);--amber:#ffb84d;--amber-bright:#ffc870;--amber-dim:#e6a343;--amber-alpha:rgba(255,184,77,0.12);--accent:var(--nordic-teal);--accent-bright:var(--nordic-teal-bright);--accent-dim:var(--nordic-teal-dim);--accent-alpha:var(--nordic-teal-alpha);--highlight:var(--amber);--highlight-bright:var(--amber-bright);--highlight-alpha:var(--amber-alpha);--bg:var(--black);--bg-elevated:var(--charcoal);--bg-card:var(--gray-900);--bg-hover:var(--gray-800);--fg:var(--gray-200);--fg-heading:#e8ecf2;--fg-secondary:var(--gray-400);--fg-tertiary:var(--gray-500);--border:rgba(165,174,191,0.12);--border-medium:rgba(165,174,191,0.2);--border-strong:rgba(165,174,191,0.35);--success:#52c997;--success-alpha:rgba(82,201,151,0.12);--warning:var(--amber);--warning-alpha:var(--amber-alpha);--error:#ef6f6f;--error-alpha:rgba(239,111,111,0.12);--info:var(--nordic-teal);--info-alpha:var(--nordic-teal-alpha);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Courier New",monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--ease:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--shadow-xs:0 1px 2px rgba(0,0,0,0.25);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.35);--shadow-lg:0 8px 16px rgba(0,0,0,0.4);--shadow-xl:0 12px 24px rgba(0,0,0,0.45);--glow-teal:0 0 20px rgba(78,205,196,0.3);--glow-amber:0 0 20px rgba(255,184,77,0.3)}html{font-size:16px;background:var(--bg);color:var(--fg)}@media (min-width:1440px){html{font-size:18px}}body{font-weight:var(--fw-regular);line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;min-height:100vh}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--fg)}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:1.2;letter-spacing:-.02em;margin:0}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-bottom:var(--space-3)}p{font-size:var(--text-base);line-height:1.7;margin:0 0 var(--space-4) 0;color:var(--fg-secondary)}p.lead{font-size:var(--text-lg);color:var(--fg);font-weight:var(--fw-light);line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--duration-base) var(--ease)}a:focus,a:hover{color:var(--accent-bright);text-decoration:underline;outline:none}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.container{width:100%;max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-6)}}main{min-height:80vh}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;justify-content:space-between;align-items:center;height:64px}.site-logo{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-lg);color:var(--fg);text-decoration:none;letter-spacing:-.01em}.site-logo:hover{color:var(--accent-bright);text-decoration:none}.site-nav{display:none}@media (min-width:768px){.site-nav{display:flex;gap:var(--space-6)}.site-nav a{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg-secondary);transition:color var(--duration-base) var(--ease)}.site-nav a.active,.site-nav a:hover{color:var(--accent);text-decoration:none}}.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2)}@media (min-width:768px){.nav-toggle{display:none}}.nav-toggle span{display:block;width:24px;height:2px;background:var(--fg);transition:all var(--duration-base) var(--ease)}.mobile-nav{position:fixed;top:64px;left:0;right:0;background:var(--bg-elevated);border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;transition:all var(--duration-slow) var(--ease);z-index:99}.mobile-nav.open{transform:translateY(0);opacity:1}.mobile-nav nav{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav a{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--fg-secondary);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.mobile-nav a.active,.mobile-nav a:hover{color:var(--accent);text-decoration:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-20) var(--space-4);text-align:center}.hero-content{max-width:720px}.hero h1{font-size:var(--text-4xl);font-weight:var(--fw-bold);margin-bottom:var(--space-6);letter-spacing:-.03em}@media (min-width:768px){.hero h1{font-size:3.5rem}}.hero .lead{font-size:var(--text-xl);color:var(--fg-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.btn,.hero-cta{justify-content:center}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-base) var(--ease);text-decoration:none}.btn-primary{background:var(--accent);color:var(--black)}.btn-primary:hover{background:var(--accent-bright);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn-secondary{background:transparent;color:var(--fg);border:1px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--accent);background:var(--peach-alpha);text-decoration:none}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover{background:var(--peach-alpha);text-decoration:none}.section{padding:var(--space-16) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-3xl);font-weight:var(--fw-bold);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--fg-secondary);max-width:600px;margin:0 auto}.card-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-8)}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-base) var(--ease)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{font-size:var(--text-xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);color:var(--accent)}.card-text{color:var(--fg-secondary);line-height:1.6;margin-bottom:var(--space-4)}.card-link,.card-text{font-size:var(--text-sm)}.card-link{font-weight:var(--fw-medium);color:var(--accent);display:inline-flex;align-items:center;gap:var(--space-2)}.card-link:hover{color:var(--accent-bright)}.article-list{display:flex;flex-direction:column;gap:var(--space-8)}.article-item{border-bottom:1px solid var(--border);padding-bottom:var(--space-6)}.article-item:last-child{border-bottom:none}.article-meta{font-size:var(--text-xs);color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.article-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.article-title a{color:var(--fg);text-decoration:none}.article-title a:hover{color:var(--accent)}.article-excerpt{font-size:var(--text-base);color:var(--fg-secondary);line-height:1.7;margin-bottom:var(--space-4)}.article-link{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--accent)}.tool-card{background:linear-gradient(135deg,var(--bg-elevated),var(--charcoal));border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--peach-alpha),transparent);opacity:.3;pointer-events:none}.tool-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--peach-alpha);color:var(--accent);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);margin-bottom:var(--space-4)}input,select,textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--fg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--peach-alpha)}label{display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);margin-bottom:var(--space-2)}.site-footer{background:var(--bg-elevated);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-col h4{font-size:var(--text-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);color:var(--fg)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:var(--fg-secondary)}.footer-links a:hover{color:var(--accent)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border);text-align:center;font-size:var(--text-xs);color:var(--fg-secondary)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-secondary);margin:var(--space-8) 0 var(--space-6);list-style:none;padding:0}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2)}.breadcrumb a,.breadcrumb li+li:before{color:var(--fg-secondary)}.breadcrumb a:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:var(--fg-secondary)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.article-author-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-base) var(--ease);margin:var(--space-8) 0}.article-author-card:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-2px);text-decoration:none}.author-avatar{flex-shrink:0}.author-info{flex:1 1}.author-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--fg);margin-bottom:var(--space-1)}.author-role{font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-2)}.author-mini-bio{font-size:var(--text-sm);color:var(--fg-secondary);line-height:1.5}.author-profile{padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);scroll-margin-top:100px}.author-profile-header{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.author-profile-avatar{flex-shrink:0}.author-profile-meta{flex:1 1}.author-profile-meta h3{font-size:var(--text-2xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-2);color:var(--fg)}.author-profile-role{font-size:var(--text-lg);color:var(--accent);font-weight:var(--fw-medium);margin-bottom:var(--space-4)}.author-social{display:flex;gap:var(--space-4);flex-wrap:wrap}.social-link{font-size:var(--text-sm);color:var(--fg);padding:var(--space-2) var(--space-4);background:rgba(78,205,196,.05);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--duration-base) var(--ease)}.social-link:hover{background:var(--accent-alpha);border-color:var(--accent);color:var(--accent);text-decoration:none}.author-profile-content{display:flex;flex-direction:column;gap:var(--space-6)}.author-profile-bio{font-size:var(--text-base);line-height:1.7;color:var(--fg-secondary)}.author-expertise h4{font-size:var(--text-lg);font-weight:var(--fw-medium);margin-bottom:var(--space-3);color:var(--fg)}.author-expertise ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.author-expertise li{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--accent-alpha);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg)}@media (max-width:768px){.article-author-card,.author-profile-header{flex-direction:column;text-align:center;align-items:center}.author-social{justify-content:center}}