/* Blog shared styles — VPN Service */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.75;color:#d5d5e8;background:#080818;overflow-x:hidden}
a{color:#00d4ff;text-decoration:none}
a:hover{text-decoration:underline}
.topbar{background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:50}
.topbar .inner{max-width:860px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;background:linear-gradient(90deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.15rem}
.topbar a.back{color:#aaa;font-size:.9rem}
.container{max-width:760px;margin:0 auto;padding:48px 24px}
.badge{display:inline-block;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:4px 14px;border-radius:20px;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}
h1{font-size:2.1rem;line-height:1.3;color:#fff;margin-bottom:16px;background:linear-gradient(90deg,#fff,#bcd8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.meta{color:#777;font-size:.9rem;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}
h2{color:#00d4ff;font-size:1.4rem;margin:32px 0 14px}
h3{color:#9fdcff;font-size:1.1rem;margin:24px 0 10px}
p{margin-bottom:16px;color:#bfc3d8}
ul,ol{margin:0 0 20px 24px;color:#bfc3d8}
li{margin-bottom:8px}
code{background:#151535;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 8px;font-size:.9em;color:#7ee7ff}
.toc{background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.15);border-radius:10px;padding:18px 22px;margin:24px 0}
.toc strong{color:#00d4ff;display:block;margin-bottom:8px}
.toc a{display:block;color:#84b6cc;font-size:.92rem;padding:3px 0}
.cta{background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(123,47,247,.12));border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:28px;margin:40px 0 0;text-align:center}
.cta h3{color:#fff;font-size:1.3rem;margin-bottom:8px}
.cta p{color:#aaa;margin-bottom:18px}
.btn{display:inline-block;padding:12px 32px;border-radius:10px;font-weight:600;background:linear-gradient(90deg,#ff6b35,#ff4e45);color:#fff;text-decoration:none}
.btn:hover{box-shadow:0 8px 30px rgba(255,78,69,.4);text-decoration:none}
.related{margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.06)}
.related h3{color:#00d4ff}
.related a{display:block;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:8px;color:#ccc}
.related a:hover{border-color:rgba(0,212,255,.3);color:#fff;text-decoration:none}
.related small{color:#666;margin-left:8px}
.note{background:rgba(255,180,0,.06);border-left:3px solid #ffb400;padding:12px 16px;border-radius:0 8px 8px 0;margin:20px 0;color:#e0c083}
footer{text-align:center;color:#555;font-size:.8rem;padding:40px 24px;border-top:1px solid rgba(255,255,255,.04);margin-top:48px}
@media(max-width:600px){h1{font-size:1.6rem}.container{padding:32px 20px}}