:root{--bg: #0c1117;--bg-raised: #141b24;--bg-hover: #1a232e;--border: rgba(255, 255, 255, .06);--muted: #7c8694;--accent: #2bbfd4;--accent-dim: rgba(43, 191, 212, .12);--text: #e2e8f0;--text-bright: #f1f5f9}*,*:before,*:after{box-sizing:border-box}body,html,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text-bright)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.6rem 1rem;background:var(--accent);color:var(--bg);border-radius:8px;font-weight:600;z-index:1000}.header{position:fixed;top:0;left:0;right:0;z-index:999;background:#0c1117d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.85rem 2.5rem}.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text-bright)}.logo:hover{color:var(--accent)}.logo-mark{width:34px;height:34px;object-fit:cover;object-position:center 24%;border-radius:8px;flex-shrink:0}.logo-text{font-weight:700;font-size:1rem;letter-spacing:.03em;text-transform:uppercase}.nav{display:flex;gap:2rem}.nav a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.9rem;letter-spacing:.02em;transition:color .15s}.nav a:hover{color:var(--text-bright)}main{padding-top:calc(4rem + env(safe-area-inset-top,0))}.wide{max-width:1200px;margin:0 auto;padding:0 2.5rem}.hero{padding:6rem 0 5rem;border-bottom:1px solid var(--border)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:2.75rem;font-weight:800;line-height:1.1;margin:0 0 1.75rem;color:var(--text-bright)}.hero-content h1 em{font-style:normal;color:var(--accent)}.hero-content p{margin:0 0 1.25rem;font-size:1.1rem;line-height:1.7;color:var(--muted)}.hero-content p:last-child{margin-bottom:0}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-logo{width:100%;max-width:380px;height:auto;border-radius:24px;filter:drop-shadow(0 20px 60px rgba(43,191,212,.1))}.home-teasers{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem 0 3rem}.home-teaser-block{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;padding:2rem;display:flex;flex-direction:column}.home-teaser-block h2{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem}.home-teaser-block h2 a{color:var(--accent);text-decoration:none}.home-teaser-block h2 a:hover{color:var(--text-bright)}.teaser-text{margin:0 0 1.25rem;font-size:.95rem;line-height:1.6;color:var(--muted);flex:1}.teaser-link{font-size:.85rem;font-weight:600}.page-container{padding-bottom:3rem}.page-inner{padding-top:2rem;max-width:720px}.page-inner-narrow{max-width:680px}.page-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.page-header h1{margin:0;font-size:2.25rem;font-weight:800;color:var(--text-bright)}.page-header p{margin:.75rem 0 0;font-size:1.05rem;line-height:1.6;color:var(--muted)}.page-body p{margin:0 0 1.25rem;font-size:1.05rem;line-height:1.75;color:var(--muted)}.page-body p:last-child{margin-bottom:0}.back-link{display:inline-block;margin-bottom:2rem;font-size:.9rem;font-weight:500;color:var(--muted)}.back-link:hover{color:var(--accent)}.empty-state{color:var(--muted);font-size:.95rem}.blog-list{display:flex;flex-direction:column;gap:1rem}.blog-teaser{padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:background .15s,border-color .15s}.blog-teaser:hover{background:var(--bg-hover);border-color:#2bbfd433}.blog-teaser time{display:block;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:.5rem}.blog-teaser h3{margin:0 0 .6rem;font-size:1.05rem;font-weight:600;line-height:1.35}.blog-teaser h3 a{color:var(--text-bright);text-decoration:none}.blog-teaser h3 a:hover{color:var(--accent)}.blog-teaser-text{margin:0 0 .85rem;font-size:.9rem;line-height:1.55;color:var(--muted)}.blog-teaser-link{font-size:.85rem;font-weight:600}.article-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.article-header time{display:block;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:.75rem}.article-header h1{margin:0;font-size:2.25rem;font-weight:800;line-height:1.15;color:var(--text-bright)}.prose{font-size:1.05rem;line-height:1.75;color:var(--text)}.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:0}.prose p{margin:0 0 1.25rem}.prose h2{margin:2.5rem 0 1rem;font-size:1.35rem;font-weight:700;color:var(--text-bright)}.prose em{font-style:italic;color:var(--text-bright)}.prose strong{color:var(--text-bright);font-weight:600}.footer{border-top:1px solid var(--border);padding:2.5rem;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:900px){.header-inner,.wide{padding-left:1.5rem;padding-right:1.5rem}.hero{padding:4rem 0 3rem}.hero-inner{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-content h1{font-size:2.1rem}.hero-visual{order:-1}.hero-logo{max-width:260px}.home-teasers{grid-template-columns:1fr;padding:2.5rem 0 2rem}}@media(max-width:520px){.header-inner,.wide{padding-left:1rem;padding-right:1rem}.hero-content h1{font-size:1.75rem}.nav{gap:1.25rem}.article-header h1,.page-header h1{font-size:1.75rem}}