*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaff;--text: #13111c;--text-muted: #5c5770;--text-subtle: #908ba8;--accent: #6c5ce7;--accent2: #00cec9;--accent3: #fd79a8;--accent-glow: rgba(108,92,231,.12);--radius: 14px;--radius-lg: 20px;--card-bg: rgba(255,255,255,.85);--card-border: rgba(108,92,231,.1);--card-border-hover: rgba(108,92,231,.22);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 20px rgba(108,92,231,.05);--shadow-hover: 0 4px 12px rgba(0,0,0,.06), 0 12px 40px rgba(108,92,231,.1);--nav-bg: rgba(255,255,255,.72);--nav-border: rgba(108,92,231,.08);--nav-shadow: 0 2px 24px rgba(108,92,231,.06);--footer-bg: linear-gradient(180deg, var(--bg) 0%, rgba(108,92,231,.025) 100%);--footer-border: rgba(108,92,231,.08);--gradient-hero: linear-gradient(135deg, var(--accent) 0%, var(--accent3) 40%, var(--accent2) 100%)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0}body:before{width:700px;height:700px;background:radial-gradient(circle,rgba(108,92,231,.15) 0%,transparent 70%);top:-300px;left:-200px}body:after{width:600px;height:600px;background:radial-gradient(circle,rgba(0,206,201,.1) 0%,transparent 70%);bottom:-250px;right:-200px}.container{max-width:760px;margin:0 auto;padding:0 24px;position:relative;z-index:1}nav{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;position:sticky;top:14px;z-index:100;background:var(--nav-bg);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--nav-border);border-radius:20px;max-width:720px;margin:0 auto;box-shadow:var(--nav-shadow)}.logo{font-size:1.1rem;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-links{display:flex;gap:20px;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.88rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-links a.external:after{content:" ↗";font-size:.6rem;opacity:.3}.lang-picker select{appearance:none;-webkit-appearance:none;background:#6c5ce70f;border:1px solid var(--card-border);border-radius:8px;padding:5px 22px 5px 8px;font-size:.9rem;font-family:inherit;color:var(--text-muted);cursor:pointer;font-weight:500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23908ba8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;text-align:center;transition:border-color .2s,background-color .2s}.lang-picker select:hover{border-color:var(--card-border-hover);background-color:#6c5ce71a}.lang-picker select:focus{outline:none;border-color:var(--accent)}main{padding:60px 0 80px;min-height:60vh}.blog-hero{text-align:center;padding:40px 0 20px;position:relative}.blog-hero h1{font-size:2.6rem;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:10px}.blog-hero h1 .gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero .subtitle{font-size:1.05rem;color:var(--text-muted);max-width:440px;margin:0 auto}.post-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:40px}.post-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:26px 30px;transition:all .3s;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));opacity:0;transition:opacity .3s}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--card-border-hover)}.post-card:hover:before{opacity:1}.post-card a{text-decoration:none;color:inherit;display:block}.post-card .post-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.post-card time{font-size:.78rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-card .reading-time{font-size:.75rem;color:var(--text-subtle)}.post-card h2{font-size:1.3rem;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:6px;color:var(--text)}.post-card:hover h2{color:var(--accent)}.post-card p{color:var(--text-muted);font-size:.9rem;line-height:1.55}article{max-width:680px;margin:0 auto}article header{margin-bottom:44px;text-align:center}article header .post-meta{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:14px}article header time{font-size:.8rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.8px}article header .reading-time{font-size:.75rem;color:var(--text-subtle)}article header h1{font-size:2.4rem;font-weight:800;letter-spacing:-.8px;line-height:1.15;margin:0 0 12px}article header .description{font-size:1.08rem;color:var(--text-muted);max-width:480px;margin:0 auto;line-height:1.55}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;margin-bottom:32px;transition:color .2s}.back-link:hover{color:var(--accent)}.prose{font-size:1.02rem;line-height:1.8;color:var(--text)}.prose>*+*{margin-top:0}.prose h2{font-size:1.5rem;font-weight:700;margin:42px 0 14px;letter-spacing:-.4px;padding-bottom:8px;border-bottom:1px solid var(--card-border)}.prose h3{font-size:1.18rem;font-weight:600;margin:32px 0 10px}.prose p{margin:0 0 18px}.prose a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(108,92,231,.25);transition:border-color .2s,color .2s}.prose a:hover{color:var(--accent3);border-color:#fd79a866}.prose strong{font-weight:700;color:var(--text)}.prose ul,.prose ol{margin:0 0 18px;padding-left:24px}.prose ul{list-style:none}.prose ul li{position:relative;padding-left:6px;margin:6px 0}.prose ul li:before{content:"";position:absolute;left:-18px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6}.prose ol li{margin:6px 0}.prose li{color:var(--text)}.prose code{background:#6c5ce712;padding:2px 7px;border-radius:5px;font-size:.88em;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;color:var(--accent)}.prose pre{background:#13111c;color:#e4e4ed;padding:20px 24px;border-radius:var(--radius);overflow-x:auto;font-size:.84rem;line-height:1.65;margin:0 0 22px}.prose pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.prose blockquote{border-left:3px solid var(--accent);margin:0 0 20px;padding:6px 0 6px 20px;color:var(--text-muted);font-style:italic;background:#6c5ce708;border-radius:0 8px 8px 0}.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 22px;font-size:.94rem;border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden}.prose thead th{background:#6c5ce70f;color:var(--text);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.6px;padding:12px 18px;text-align:left;border-bottom:1px solid var(--card-border)}.prose tbody td{padding:11px 18px;border-bottom:1px solid rgba(108,92,231,.05);color:var(--text);vertical-align:top}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:#6c5ce708}.prose img{max-width:100%;border-radius:var(--radius)}.prose hr{border:none;border-top:1px solid var(--card-border);margin:36px 0}.cta-box{text-align:center;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:40px 32px;margin-top:56px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-hero)}.cta-box h3{font-size:1.2rem;margin-bottom:8px;font-weight:700}.cta-box p{color:var(--text-muted);margin-bottom:22px;font-size:.95rem}.btn{display:inline-block;padding:14px 34px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .25s;background:linear-gradient(135deg,var(--accent),#a855f7);color:#fff;box-shadow:0 4px 24px #6c5ce759;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 36px #6c5ce773}.empty-state{text-align:center;padding:60px 20px}.empty-state .icon{font-size:2.5rem;margin-bottom:16px;display:block}.empty-state h2{font-size:1.3rem;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:.95rem}footer{background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:40px 0 28px;position:relative;z-index:1}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--text-subtle);font-size:.82rem}.footer-inner a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-inner a:hover{color:var(--accent)}@media(max-width:640px){.blog-hero h1{font-size:1.9rem}.blog-hero{padding:24px 0 12px}article header h1{font-size:1.8rem}.post-card{padding:20px 18px}.post-card h2{font-size:1.15rem}nav{margin:0 10px;border-radius:16px;padding:12px 16px}.footer-inner{flex-direction:column;gap:8px;text-align:center}main{padding:40px 0 60px}.prose h2{font-size:1.3rem}}