.blog-public{--bg-void: #030712;--bg-deep: #0a0f1e;--bg-card: rgba(15, 23, 42, .6);--bg-glass: rgba(15, 23, 42, .5);--primary: #818cf8;--primary-bright: #a5b4fc;--primary-dark: #6366f1;--secondary: #22d3ee;--accent-green: #34d399;--accent-rose: #fb7185;--accent-amber: #fbbf24;--text-white: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--border: rgba(255, 255, 255, .07);--border-hover: rgba(129, 140, 248, .4);--glow-primary: rgba(99, 102, 241, .25);position:relative;min-height:100vh;background:var(--bg-void);color:var(--text-white);font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}.blog-public .container{max-width:1280px;margin:0 auto;padding:0 32px}.blog-public .bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.blog-public .bg-orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.5}.blog-public .bg-orb-1{width:500px;height:500px;background:#6366f1;top:-200px;left:-200px}.blog-public .bg-orb-2{width:400px;height:400px;background:#22d3ee;bottom:-150px;right:-150px}.blog-public-nav{position:relative;z-index:2;padding:22px 0;border-bottom:1px solid var(--border);background:#030712b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.blog-public-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-public-logo{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;cursor:pointer;color:var(--text-white);font-size:1.15rem;font-weight:800;letter-spacing:-.5px}.blog-public-logo-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark),var(--secondary));color:#fff}.blog-public-logo-icon i{width:18px;height:18px}.blog-public-nav-actions{display:flex;gap:12px;flex-wrap:wrap}.blog-public .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .25s ease;border:1px solid transparent;font-family:inherit}.blog-public .btn-primary{background:linear-gradient(135deg,var(--primary-dark),#818cf8);color:#fff;box-shadow:0 0 20px var(--glow-primary)}.blog-public .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 40px var(--glow-primary)}.blog-public .btn-outline{border:1px solid var(--border);color:var(--text-white);background:transparent}.blog-public .btn-outline:hover{border-color:var(--primary);background:#6366f10d}.blog-public .btn-ghost{color:var(--text-muted);background:transparent}.blog-public .btn-ghost:hover{color:var(--text-white)}.blog-public .section-label{display:inline-flex;align-items:center;gap:12px;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--primary-bright);margin-bottom:16px}.blog-public .section-label .line{width:30px;height:2px;background:var(--primary);border-radius:2px}.blog-public .section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.blog-public .section-desc{font-size:1.1rem;color:var(--text-muted);max-width:650px;line-height:1.8}.blog-public .gradient-text{background:linear-gradient(135deg,var(--primary-bright),var(--secondary),var(--accent-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-public .footer-copy{color:var(--text-dim);font-size:.85rem}.blog-public .dot-sep{color:var(--text-dim)}.blog-public-hero{position:relative;z-index:1;padding:90px 0 50px;text-align:center}.blog-public-title{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.15;letter-spacing:-1px;margin:8px 0 18px}.blog-public-sub{font-size:1.1rem;color:var(--text-muted);max-width:680px;margin:0 auto;line-height:1.7}.blog-public-list-section{padding:40px 0 100px;position:relative;z-index:1}.blog-public-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-card:hover,.blog-card:focus-visible{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #6366f126;outline:none}.blog-card-cover{height:180px;position:relative;display:flex;align-items:flex-end;padding:16px}.blog-card-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(3,7,18,.7) 100%);pointer-events:none}.blog-card-tag{position:relative;z-index:1;padding:6px 12px;border-radius:999px;background:#030712b3;border:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--primary-bright);letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-dim)}.blog-card-title{font-size:1.2rem;font-weight:700;line-height:1.35;color:var(--text-white);margin:0}.blog-card-excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);font-size:.85rem}.blog-card-author{color:var(--text-muted)}.blog-card-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--primary-bright);font-weight:600}.blog-card:hover .blog-card-arrow{color:var(--primary)}.blog-detail{position:relative;z-index:1;padding:80px 0}.blog-detail-inner{max-width:820px;margin:0 auto}.blog-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted);margin-bottom:18px}.blog-detail-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.8px;margin:0 0 16px}.blog-detail-excerpt{font-size:1.15rem;color:var(--text-muted);line-height:1.7;margin:0 0 32px}.blog-detail-cover{width:100%;height:320px;border-radius:24px;border:1px solid var(--border);margin-bottom:40px}.blog-detail-feature{margin:0 0 44px;border-radius:24px;overflow:hidden;border:1px solid var(--border);background:var(--bg-deep);box-shadow:0 24px 80px #0307128c}.blog-detail-feature img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}.blog-detail-body{font-size:1.05rem;line-height:1.85;color:#cbd5e1}.blog-detail-body .blog-body-p{margin:0 0 22px}.blog-detail-body .blog-body-h2{font-size:1.75rem;font-weight:700;color:var(--text-white);letter-spacing:-.4px;line-height:1.25;margin:44px 0 18px}.blog-detail-body .blog-body-h3{font-size:1.3rem;font-weight:700;color:var(--text-white);letter-spacing:-.3px;margin:36px 0 14px}.blog-detail-body .blog-body-list{margin:4px 0 26px;padding-left:22px;color:#cbd5e1}.blog-detail-body .blog-body-list li{margin:0 0 12px;padding-left:4px}.blog-detail-body .blog-body-list li::marker{color:var(--primary-bright)}.blog-detail-body .blog-body-list strong{color:var(--text-white)}.blog-detail-body .blog-body-figure{margin:32px 0 36px;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--bg-deep)}.blog-detail-body .blog-body-figure img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}.blog-detail-body .blog-body-caption{display:block;padding:12px 18px 14px;font-size:.85rem;color:var(--text-muted);background:#0f172ab3;border-top:1px solid var(--border);font-style:italic}.blog-detail-body .blog-body-quote{margin:32px 0;padding:22px 24px;border-left:3px solid var(--primary);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(99,102,241,.08),transparent 80%)}.blog-detail-body .blog-body-quote p{margin:0;font-size:1.15rem;line-height:1.55;color:var(--text-white);font-style:italic}.blog-detail-body .blog-body-quote cite{display:block;margin-top:10px;font-size:.85rem;color:var(--text-muted);font-style:normal;letter-spacing:.3px}.blog-detail-body a{color:var(--primary-bright);text-decoration:none;border-bottom:1px solid rgba(165,180,252,.35);transition:color .15s,border-color .15s}.blog-detail-body a:hover{color:var(--secondary);border-bottom-color:var(--secondary)}.blog-detail-body a[data-blog]{color:var(--accent-green);border-bottom-color:#34d39959;cursor:pointer}.blog-detail-body a[data-blog]:hover{color:var(--primary-bright);border-bottom-color:var(--primary-bright)}.blog-detail-nav{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap}.blog-public-footer{position:relative;z-index:1;padding:36px 0;border-top:1px solid var(--border);background:#030712cc}.blog-public-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width: 1024px){.blog-public-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.blog-public .container{padding:0 5%}.blog-public-grid{grid-template-columns:1fr;gap:18px}.blog-public-hero{padding:60px 0 30px}.blog-public-list-section{padding:24px 0 70px}.blog-detail{padding:50px 0}.blog-detail-cover{height:200px;border-radius:18px}.blog-detail-feature{border-radius:16px;margin-bottom:30px}.blog-detail-feature img{max-height:260px}.blog-public-nav{padding:16px 0}.blog-public-nav-actions{width:100%;justify-content:flex-end}.blog-detail-body{font-size:1rem}.blog-detail-body .blog-body-h2{font-size:1.45rem;margin:32px 0 14px}.blog-detail-body .blog-body-h3{font-size:1.15rem;margin:26px 0 12px}.blog-detail-body .blog-body-figure{margin:22px 0 28px;border-radius:14px}.blog-detail-body .blog-body-figure img{max-height:280px}.blog-detail-body .blog-body-quote{padding:16px 18px}.blog-detail-body .blog-body-quote p{font-size:1.05rem}}