:root,:root[data-theme=light]{--bg: #ffffff;--bg-soft: #f6f7f9;--card: #ffffff;--border: #e6e8eb;--text: #1a1a1e;--muted: #5b6470;--accent: #4f46e5;--accent-soft: #eef0fe;--radius: 14px;--maxw: 760px}@media(prefers-color-scheme:dark){:root{--bg: #0d0f12;--bg-soft: #14171c;--card: #14171c;--border: #262b33;--text: #e8eaed;--muted: #98a2b3;--accent: #8b83ff;--accent-soft: #1c1d33}}:root[data-theme=dark]{--bg: #0d0f12;--bg-soft: #14171c;--card: #14171c;--border: #262b33;--text: #e8eaed;--muted: #98a2b3;--accent: #8b83ff;--accent-soft: #1c1d33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-nav{position:sticky;top:0;z-index:10;backdrop-filter:saturate(180%) blur(8px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;min-height:58px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.site-nav .brand{font-weight:700;color:var(--text);margin-right:auto}.site-nav .links{display:flex;gap:18px}.site-nav .links a{color:var(--muted);font-size:.95rem}.site-nav .links a:hover{color:var(--text);text-decoration:none}.nav-controls{display:flex;align-items:center;gap:8px}.switch{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft)}.switch button{appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;cursor:pointer}.switch button:hover{color:var(--text)}.switch button.active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #0000001f}.theme-switch button{font-size:.9rem;padding:4px 7px}.lang-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;vertical-align:middle}section{padding:56px 0;border-bottom:1px solid var(--border)}section:last-of-type{border-bottom:none}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:var(--accent);margin:0 0 10px}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}h2{font-size:1.6rem;margin:0 0 20px;letter-spacing:-.01em}h3{margin:0 0 6px;font-size:1.1rem}.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}.hero{padding-top:72px}.hero .socials{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);color:var(--text);font-size:.92rem;font-weight:500;background:var(--card)}.btn:hover{border-color:var(--accent);text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.values{display:grid;gap:14px}.value{padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.value h3{color:var(--text)}.value p{margin:0;color:var(--muted)}.cards{display:grid;gap:16px}@media(min-width:620px){.cards{grid-template-columns:1fr 1fr}}.card{display:block;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text);transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-3px);border-color:var(--accent);text-decoration:none}.card .tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:999px;margin-bottom:12px}.card p{color:var(--muted);margin:0}.card .arrow{color:var(--accent);font-weight:600;margin-top:12px;display:inline-block}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.post-list li{padding:14px 0;border-bottom:1px solid var(--border)}.post-list a{color:var(--text);font-weight:600}.post-list time{color:var(--muted);font-size:.85rem;display:block}.prose{max-width:68ch}.prose h1{margin-bottom:8px}.prose img{max-width:100%;border-radius:var(--radius)}.prose pre{background:var(--bg-soft);padding:16px;border-radius:var(--radius);overflow-x:auto}.back{color:var(--muted);font-size:.9rem}.site-footer{padding:40px 0;color:var(--muted);font-size:.9rem;text-align:center}
