:root{
  --bg:#070b16;--bg2:#0c1424;--glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.10);--txt:#eef2fb;--muted:#9fb0d0;
  --accent:#5b9dff;--accent2:#a07bff;--teal:#3fe0c5;--radius:22px;
  --shadow:0 20px 50px -20px rgba(0,0,0,.7);
}
html[data-theme="light"]{
  --bg:#eef2f9;--bg2:#ffffff;--glass:rgba(255,255,255,.75);--glass2:#ffffff;
  --line:rgba(15,30,60,.12);--txt:#0d1426;--muted:#5a6782;--shadow:0 20px 50px -24px rgba(30,50,90,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
     background:var(--bg);color:var(--txt);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:760px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--txt)}
.brand img{width:32px;height:32px;border-radius:9px}
.nav a.home{color:var(--muted);font-size:.85rem}
.nav a.home:hover{color:var(--txt);text-decoration:none}
h1,h2,h3{font-family:'Orbitron','Inter',sans-serif;letter-spacing:.01em;line-height:1.25}
.page-head{padding:64px 0 28px}
.page-head h1{font-size:clamp(1.9rem,5vw,2.7rem)}
.page-head p{color:var(--muted);margin-top:10px}
.post-list{display:flex;flex-direction:column;gap:18px;padding-bottom:70px}
.post-card{display:block;background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:24px 26px;transition:border-color .2s,transform .2s;color:var(--txt)}
.post-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}
.post-card h2{font-size:1.15rem;color:var(--txt)}
.post-card .date{font-size:.78rem;color:var(--teal);letter-spacing:.08em;text-transform:uppercase}
.post-card p{color:var(--muted);font-size:.95rem;margin-top:8px}
article{padding:56px 0 40px}
article .date{font-size:.8rem;color:var(--teal);letter-spacing:.08em;text-transform:uppercase}
article h1{font-size:clamp(1.7rem,4.5vw,2.4rem);margin:10px 0 8px}
article .lead{color:var(--muted);font-size:1.1rem;margin-bottom:30px}
article h2{font-size:1.3rem;margin:38px 0 12px}
article p{margin:14px 0;color:var(--txt)}
article ul{margin:14px 0 14px 22px}
article li{margin:7px 0}
article .callout{background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:12px;padding:16px 20px;margin:24px 0;color:var(--muted)}
.app-cta{display:flex;align-items:center;gap:16px;background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:34px 0}
.app-cta img.icon{width:64px;height:64px;border-radius:15px}
.app-cta .t{flex:1}
.app-cta .t b{display:block;font-family:'Orbitron',sans-serif;font-size:1.02rem}
.app-cta .t span{color:var(--muted);font-size:.88rem}
.app-cta img.badge{height:44px}
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:.85rem;text-align:center}
footer a{color:var(--muted)}