:root{--color-primary: #012c32;--color-accent: #f28b66;--color-accent-strong: #f45d48;--color-surface: #ffffff;--color-surface-muted: #f3f6f7;--color-bg: #e9f1f3;--color-border: rgba(1, 44, 50, 0.12);--color-text: #0b1f23;--color-muted: #4a5d68;--shadow-soft: 0 25px 60px rgba(1, 44, 50, 0.12);--shadow-border: 0 1px 0 rgba(3, 30, 34, 0.08);--radius-xl: 28px;--radius-md: 18px;--radius-sm: 12px}[data-theme='dark']{--color-primary: #1ecad3;--color-accent: #f45d48;--color-accent-strong: #ff8a60;--color-surface: #03171b;--color-surface-muted: #082126;--color-bg: #010d11;--color-border: rgba(255, 255, 255, 0.08);--color-text: #e1eef2;--color-muted: #a9bec6;--shadow-soft: 0 25px 60px rgba(0, 0, 0, 0.45);--shadow-border: 0 1px 0 rgba(255, 255, 255, 0.06)}*,*::before,*::after{box-sizing:border-box}body{font-family:"Inter", "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:radial-gradient(circle at top, rgba(1,44,50,0.08), transparent 55%),var(--color-bg);color:var(--color-text);margin:0;line-height:1.7;min-height:100vh;transition:background 0.3s ease, color 0.3s ease}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent-strong)}p{margin-bottom:1rem;color:var(--color-muted)}h1,h2,h3,h4,h5{margin:0 0 0.8rem;font-weight:600;color:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.page-shell{width:min(1200px, 90vw);margin:0 auto;padding:2rem 0 4rem}section{margin-bottom:4rem}.section-heading{margin-bottom:1.5rem}.section-heading .eyebrow{text-transform:uppercase;letter-spacing:0.18em;font-size:0.78rem;color:var(--color-accent);font-weight:600}.section-heading h2{font-size:clamp(1.8rem, 2.6vw, 2.6rem)}.section-heading p{max-width:520px}.pill{display:inline-flex;align-items:center;gap:0.45rem;padding:0.35rem 0.8rem;border-radius:999px;font-size:0.82rem;background:rgba(1,44,50,0.08);color:var(--color-text)}[data-theme='dark'] .pill{background:rgba(255,255,255,0.08)}.btn{border:1px solid transparent;border-radius:999px;padding:0.85rem 1.8rem;font-weight:600;letter-spacing:0.02em;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem}.btn-icon{font-size:1.1rem}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 15px 35px rgba(1,44,50,0.27)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-link{border:none;padding:0;color:var(--color-accent)}.global-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}[data-theme='dark'] .global-header{background:rgba(3,9,11,0.85)}.global-header__inner{width:min(1200px, 92vw);margin:0 auto;display:flex;align-items:center;gap:2rem;padding:1rem 0}.brand{display:flex;align-items:center;gap:0.75rem;font-weight:600;color:var(--color-text)}.brand-badge{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:0.08em;font-size:0.92rem}.brand-meta span{display:block}.brand-name{font-size:1rem;letter-spacing:0.02em}.brand-role{font-size:0.82rem;color:var(--color-muted)}.nav-wrapper{margin-left:auto;display:flex;align-items:center;gap:1rem}.nav-links{display:flex;gap:1rem;align-items:center;font-size:0.95rem}.nav-link{padding:0.35rem 0.65rem;border-radius:999px;color:var(--color-muted);position:relative}.nav-link.is-active{color:var(--color-text);background:rgba(1,44,50,0.08)}[data-theme='dark'] .nav-link.is-active{background:rgba(255,255,255,0.08)}.nav-toggle{display:none;border:none;background:var(--color-surface-muted);border-radius:50%;width:42px;height:42px;color:var(--color-text);align-items:center;justify-content:center}.nav-toggle svg rect{fill:var(--color-text)}.theme-toggle{border:none;background:var(--color-surface-muted);border-radius:50%;width:42px;height:42px;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s ease}.theme-toggle__icon{font-size:1rem}.theme-toggle:hover{transform:translateY(-1px)}.hero{background:var(--color-surface);border-radius:var(--radius-xl);padding:clamp(2rem, 4vw, 3rem);display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2.5rem;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;width:320px;height:320px;background:radial-gradient(circle, rgba(242,139,102,0.3), transparent 60%);top:-120px;right:-80px}[data-theme='dark'] .hero{box-shadow:none;border:1px solid var(--color-border)}.hero-content{position:relative;z-index:1}.hero-eyebrow{font-size:0.9rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.hero h1{font-size:clamp(2.4rem, 4vw, 3.6rem);line-height:1.15;margin:1rem 0}.hero p{font-size:1.05rem;color:var(--color-muted)}.hero-actions{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.hero-social{margin-top:1.5rem;display:flex;flex-direction:column;gap:0.4rem}.hero-social .social-links{display:flex;gap:0.6rem;padding:0;margin:0;list-style:none}.hero-social .social-links a{font-size:0.95rem;color:var(--color-muted);border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s ease, color 0.2s ease, border-color 0.2s ease}.hero-social .social-links a:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px)}.svg-icon{width:18px;height:18px;fill:currentColor}.hero-meta{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;padding:0;list-style:none}.hero-meta li{list-style:none;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted)}.hero-meta .value{font-size:1.6rem;font-weight:600;color:var(--color-text)}.hero-meta .label{font-size:0.9rem;color:var(--color-muted)}.hero-media{align-self:center;justify-self:center;max-width:360px;position:relative}.hero-media::after{content:"";position:absolute;inset:15px;border-radius:var(--radius-xl);border:1px dashed rgba(1,44,50,0.2)}.hero-media img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));gap:1.2rem}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-border);transition:transform 0.2s ease, border-color 0.2s ease}.card:hover{transform:translateY(-6px);border-color:var(--color-accent)}.card h3{font-size:1.1rem}.card p{font-size:0.95rem}.card-icon{width:48px;height:48px;border-radius:14px;background:rgba(1,44,50,0.08);display:grid;place-items:center;margin-bottom:1rem;font-size:1.25rem}[data-theme='dark'] .card-icon{background:rgba(255,255,255,0.08)}.highlights{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem}.highlight-card{padding:1.4rem;border-radius:var(--radius-md);background:linear-gradient(145deg, var(--color-surface), var(--color-surface-muted));border:1px solid var(--color-border)}.highlight-card span{display:block;font-size:0.85rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--color-accent);margin-bottom:0.8rem}.highlight-card h3{font-size:1.15rem}.bio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:2rem}.bio-grid ul{padding-left:1.2rem}.bio-grid li{margin-bottom:0.5rem;color:var(--color-muted)}.post-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.4rem}.post-card{padding:1.4rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-border);display:flex;flex-direction:column;gap:0.8rem}.post-card time{font-size:0.85rem;color:var(--color-muted)}.post-card h3{font-size:1.15rem;margin-bottom:0.5rem}.post-card p{flex:1;color:var(--color-muted)}.post-card .read-more{font-weight:600;color:var(--color-accent)}.post-list-pagination{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:0.95rem}.contact-panel{border-radius:var(--radius-xl);padding:2.2rem;background:linear-gradient(120deg, var(--color-primary), #031a1f);color:#fff;display:flex;flex-wrap:wrap;gap:1.8rem;align-items:center}.contact-panel h3{color:#fff;font-size:2rem}.contact-panel p{color:rgba(255,255,255,0.8)}.global-footer{padding:3rem 0 4rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.global-footer__inner{width:min(1200px, 92vw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:2rem}.footer-meta h4{margin-bottom:0.4rem}.footer-nav,.social-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0.75rem 1rem}.social-links a{font-size:1.2rem;color:var(--color-muted)}.footer-bottom{margin-top:2rem;text-align:center;font-size:0.85rem;color:var(--color-muted)}.page-hero{background:var(--color-surface);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-soft);margin-bottom:2rem}.page-hero p{max-width:640px}.page-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:clamp(1.5rem, 3vw, 2.5rem);border:1px solid var(--color-border)}.page-content h2{margin-top:2.4rem}.post-hero{text-align:center;padding:2rem 0 1rem}.post-hero time{color:var(--color-muted)}.post-body{background:var(--color-surface);padding:clamp(1.5rem, 3vw, 2.5rem);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-border);overflow:hidden}.post-body h2,.post-body h3{margin-top:2.2rem}.post-body pre{position:relative;padding:1.25rem 1rem 1rem;background:var(--color-surface-muted);border-radius:var(--radius-md);overflow:auto;border:1px solid var(--color-border)}.code-copy-btn{position:absolute;top:0.6rem;right:0.6rem;border:1px solid var(--color-border);background:rgba(255,255,255,0.85);color:var(--color-muted);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;padding:0.25rem 0.75rem;border-radius:999px;cursor:pointer;opacity:0;transition:opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;z-index:1}.post-body pre:hover .code-copy-btn,.post-body pre:focus-within .code-copy-btn{opacity:1}.code-copy-btn.is-copied{color:var(--color-accent);transform:translateY(-1px)}.post-body img{max-width:min(100%, 760px);height:auto;border-radius:var(--radius-md);display:block;margin:1.5rem auto;box-shadow:var(--shadow-border)}.post-body img.image-inline{max-width:320px;float:right;margin:0 0 1rem 1.5rem}.post-body img.image-block{float:none;margin-left:auto;margin-right:auto}.post-body figure{margin:2rem auto;text-align:center}.post-body figure img{margin:0 auto 0.75rem}.post-body figure figcaption{font-size:0.9rem;color:var(--color-muted)}.post-body::after{content:"";display:block;clear:both}.tag-list{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0;list-style:none}.tag-list li{padding:0.25rem 0.75rem;border-radius:999px;background:rgba(1,44,50,0.08);font-size:0.85rem}.post-nav{margin-top:2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:0.9rem}.post-nav a{color:var(--color-accent)}.search-results{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border)}@media (max-width: 960px){.global-header__inner{flex-wrap:wrap}.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:68px;right:4vw;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;min-width:220px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity 0.2s ease, transform 0.2s ease;z-index:40}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-wrapper{width:100%;justify-content:flex-end}.hero{padding:2rem}}@media (max-width: 720px){.hero{text-align:left}.hero-actions{width:100%;flex-direction:column;align-items:stretch}.post-list-pagination{flex-direction:column;gap:0.8rem}.contact-panel{flex-direction:column;text-align:center;align-items:center}.post-body img.image-inline{float:none;margin:1.5rem auto;max-width:min(100%, 420px)}.nav-links{left:4vw;right:4vw}}