:root{--bg:#020617;--fg:#f1f5f9;--muted:#94a3b8;--dim:#64748b;--line:#94a3b829;--card:#0f172ab3;--card-solid:#0b1226;--accent:#3b82f6;--accent-strong:#2563eb;--accent-soft:#60a5fa;--green:#34d399;--amber:#fbbf24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg) radial-gradient(circle at 50% -20%, #3b82f62e, transparent 70%) no-repeat;min-height:100vh;color:var(--fg);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:17px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}::selection{background:var(--accent);color:#fff}a{color:var(--accent-soft);text-decoration:none}a:hover{text-decoration:underline}main{flex:1}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.narrow{max-width:720px}.muted{color:var(--muted)}.small{font-size:14px}.nav{border-bottom:1px solid var(--line);z-index:5;backdrop-filter:blur(10px);background:#020617cc;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{color:var(--fg);align-items:center;gap:10px;font-weight:700;display:inline-flex}.logo:hover{text-decoration:none}.logo-mark{background:var(--accent-strong);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.nav nav{align-items:center;gap:22px;font-size:15px;display:flex}.nav nav a{color:var(--muted)}.nav nav a:hover{color:var(--fg);text-decoration:none}.nav nav a.lang{letter-spacing:.06em;border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600}.nav-btn{border:1px solid var(--line);background:#1e293b99;border-radius:8px;padding:6px 14px;color:var(--fg)!important}@media (width<=640px){.nav nav a:not(.nav-btn):not(.lang){display:none}.logo{white-space:nowrap}}.hero{text-align:center;padding:88px 0 72px}.badge{color:var(--accent-soft);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:999px;margin-bottom:24px;padding:4px 14px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-.02em;max-width:800px;margin:0 auto 20px;font-size:clamp(36px,7vw,62px);font-weight:800;line-height:1.08}.grad{background:linear-gradient(90deg,#60a5fa,#818cf8);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:var(--muted);max-width:640px;margin:0 auto 28px;font-size:18px}.hero .meta{color:var(--dim);margin-top:18px;font-size:14px}.cta{background:var(--accent-strong);border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 8px 28px #2563eb59;color:#fff!important}.cta:hover{background:var(--accent);text-decoration:none}section{border-top:1px solid var(--line);padding:72px 0}.sec-head{text-align:center;margin-bottom:36px}.sec-head h2{letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(26px,4vw,34px)}.sec-head p{color:var(--muted);margin:0}.pills{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pills li{border:1px solid var(--line);color:var(--fg);background:#1e293b99;border-radius:8px;padding:6px 16px;font-size:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s}.card:hover{border-color:#3b82f673;transform:translateY(-2px)}.card h3{margin:10px 0 6px;font-size:19px}.card p{color:var(--muted);margin:0;font-size:15.5px}.status{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.status.sold{color:var(--green);background:#34d39914;border-color:#34d39959}.status.active{color:var(--accent-soft);background:#3b82f61a;border-color:#60a5fa66}.status.dev{color:var(--amber);background:#fbbf2414;border-color:#fbbf2459}.card .years{color:var(--dim);margin-top:4px;font-size:13px;display:block}.articles{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.article-card{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s;display:block}.article-card:hover{border-color:#3b82f673;text-decoration:none;transform:translateY(-2px)}.article-card h3{color:var(--fg);margin:8px 0;font-size:18px;line-height:1.35}.article-card p{color:var(--muted);margin:0;font-size:15px}.article-card .read{color:var(--accent-soft);margin-top:14px;font-size:14px;display:block}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft);font-size:12px;font-weight:600}.contact-box{text-align:center;background:var(--card-solid);border:1px solid #3b82f64d;border-radius:20px;max-width:640px;margin:0 auto;padding:40px 24px;box-shadow:0 0 60px #3b82f614}.contact-box h2{margin:0 0 8px;font-size:28px}.contact-box p{color:var(--muted);margin:0 0 22px}.post{padding:56px 16px 72px}.post h1{letter-spacing:-.02em;margin:14px 0 6px;font-size:clamp(30px,5vw,42px);line-height:1.15}.back{color:var(--muted);font-size:15px}.prose h2{margin:36px 0 8px;font-size:22px}.prose p,.prose li{color:#cbd5e1}.prose ul{padding-left:22px}.prose strong{color:var(--fg)}.footer{border-top:1px solid var(--line);padding:28px 0}.footer-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mail-link{cursor:pointer}
