body::after,body::before{content:"";position:fixed;pointer-events:none}.blog-ghost,.blog-typing{grid-area:1/1;white-space:normal}:root{--bg-gradient:linear-gradient(135deg, #0f0c29, #1e1b41, #161630);--text:#e0f7ff;--text-muted:#a0a0c0;--primary:#40c4ff;--primary-glow:rgba(64, 196, 255, 0.35);--accent:#a78bfa;--card:rgba(30, 30, 60, 0.75);--border:rgba(167, 139, 250, 0.22);--shadow:0 12px 48px rgba(0, 0, 0, 0.5);--scrollbar-bg:#0f0c29;--scrollbar-thumb:#1e1b41;--scrollbar-hover:#5967ff;--item-bg-muted:rgba(64, 196, 255, 0.07);--item-bg-hover:rgba(64, 196, 255, 0.18);--btn-grad-start:#3a9eff;--btn-grad-end:#7a5aff;--white:#ffffff;--black:#000000;--label-color:#d0d8e8;--grid-color:rgba(64, 196, 255, 0.12);--grid-size:50px;--glass-blur:12px;--scanline:rgba(64, 196, 255, 0.015);--bg-main:#020205;--grid-main:rgba(64, 196, 255, 0.3);--grid-sub:rgba(64, 196, 255, 0.08);--glow-core:rgba(64, 196, 255, 0.1);--vignette:radial-gradient(circle at 50% 40%, transparent 20%, rgba(0,0,0,1) 90%);--flare:rgba(255, 255, 255, 0.03);--grain:url("https://grainy-gradients.vercel.app/noise.svg")}.light-theme{--bg-gradient:linear-gradient(135deg, #f0f4f8, #e2e8f0, #d1d9e6);--card:rgba(255, 255, 255, 0.9);--border:rgba(0, 86, 179, 0.15);--shadow:0 12px 48px rgba(0, 0, 0, 0.08);--text:#1e293b;--text-muted:#334155;--primary:#0056b3;--primary-glow:rgba(0, 86, 179, 0.15);--accent:#553c9a;--scrollbar-bg:#f1f5f9;--scrollbar-thumb:#cbd5e0;--scrollbar-hover:#0056b3;--item-bg-muted:rgba(0, 86, 179, 0.08);--item-bg-hover:rgba(0, 86, 179, 0.12);--btn-grad-start:#0056b3;--btn-grad-end:#553c9a;--label-color:#1e293b;--grid-color:rgba(0, 74, 153, 0.05);--glass-edge:rgba(0, 0, 0, 0.05);--scanline:rgba(0, 0, 0, 0.01);--bg-main:#f0f4f8;--grid-main:rgba(0, 74, 153, 0.12);--grid-sub:rgba(0, 74, 153, 0.04);--glow-core:rgba(0, 74, 153, 0.05);--vignette:radial-gradient(circle at 50% 40%, transparent 40%, rgba(226, 232, 240, 0.8) 100%);--flare:rgba(0, 74, 153, 0.01)}*,::after,::before{transition:background-color .5s,color .4s,border-color .4s,box-shadow .5s,filter .5s,opacity .5s}body,html{width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important;scroll-behavior:smooth!important;scroll-padding-top:110px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:3px solid var(--scrollbar-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.container{width:100%;padding:2em;max-width:1100px;margin:0 auto}body::before{inset:-20% -20%;width:140vw;height:140vh;background-image:linear-gradient(var(--grid-main) 1px,transparent 1px),linear-gradient(90deg,var(--grid-main) 1px,transparent 1px),linear-gradient(var(--grid-sub) 1px,transparent 1px),linear-gradient(90deg,var(--grid-sub) 1px,transparent 1px);background-size:200px 200px,200px 200px,40px 40px,40px 40px;background-position:center center;transform:perspective(1200px) rotateX(65deg) translate(var(--parallax-x,0),var(--parallax-y,0));transform-origin:center center;z-index:-2;mask-image:radial-gradient(ellipse at center,black 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 75%);transition:background-image .5s}@keyframes grid-pulse{0%,100%{opacity:.6;transform:perspective(800px) rotateX(55deg) translateY(0)}50%{opacity:.9;transform:perspective(800px) rotateX(58deg) translateY(-10px)}}body::after{inset:0;background:linear-gradient(90deg,transparent 40%,var(--flare) 50%,transparent 60%),url("https://grainy-gradients.vercel.app/noise.svg"),var(--vignette);background-blend-mode:soft-light,overlay,normal;background-size:200% 100%,auto,100% 100%;opacity:.6;z-index:-1;animation:20s linear infinite flare-sweep}@keyframes flare-sweep{from{background-position:200% 0,0 0,0 0}to{background-position:-200% 0,0 0,0 0}}body{margin:0;min-height:100vh;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--primary-glow) 0,transparent 35%),var(--bg-gradient);background-attachment:fixed;color:var(--text);transition:background .5s;overflow-x:hidden;font-family:Tektur,sans-serif}.light-theme body{background:var(--bg-gradient)!important;background-attachment:fixed}.sidebar-theme-toggle{margin:1em auto 0}.light-theme body::before{opacity:.15;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,black 30%,transparent 90%)}.light-theme body::after{opacity:.25;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%),url("https://grainy-gradients.vercel.app/noise.svg"),radial-gradient(circle at 50% 40%,transparent 60%,rgba(255,255,255,.5) 100%);background-blend-mode:overlay}.light-theme .hero-container{background-color:transparent}.blog-page{padding:100px 20px 60px;min-height:80vh}.blog-hero{text-align:center;margin-bottom:60px}.blog-hero h1{font-family:Tektur,sans-serif;font-size:clamp(2.5rem, 8vw, 4rem);background:linear-gradient(135deg,var(--btn-grad-start),var(--btn-grad-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:.3s;backdrop-filter:blur(10px)}.blog-card:hover{transform:translateY(-10px);box-shadow:var(--shadow);border-color:var(--primary)}.card-img-wrapper{position:relative;border-radius:12px;overflow:hidden;height:200px;margin-bottom:20px}.card-img-wrapper img{width:100%;height:100%;object-fit:cover}.category-tag{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;font-size:.7rem;padding:5px 12px;border-radius:20px;font-weight:700;text-transform:uppercase}.read-link{color:var(--primary);text-decoration:none;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;margin-top:20px}.read-link:hover span{transform:translateX(5px)}.blog-type-container{display:inline-grid;grid-template-columns:1fr;position:relative;width:100%}.blog-ghost{visibility:hidden}.blog-typing{color:inherit}.blog-cursor::after{content:'|';animation:.8s infinite blink;color:var(--accent);margin-left:2px}@media (max-width:850px){.blog-page{padding:80px 15px 40px;min-height:auto}.blog-hero{margin-bottom:40px}.blog-hero h1{font-size:clamp(2.2rem, 7vw, 3.2rem);letter-spacing:-1px}.blog-hero .intro{font-size:1rem;max-width:90%;margin:0 auto}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0 10px}.blog-card{padding:16px;border-radius:14px}.card-img-wrapper{height:180px;margin-bottom:15px}.blog-card h3{font-size:1.15rem;line-height:1.3}.blog-card p{font-size:.9rem;line-height:1.5;margin-bottom:12px}.blog-card:hover{transform:translateY(-5px)}}@media (max-width:480px){.blog-page{padding:70px 12px 40px}.blog-hero{margin-bottom:30px}.blog-hero h1{font-size:clamp(1.8rem, 10vw, 2.5rem);letter-spacing:-.5px}.blog-hero .intro{font-size:.9rem;padding:0 5px;line-height:1.4}.blog-grid{grid-template-columns:1fr;gap:16px;padding:0}.blog-card{padding:12px;border-radius:12px}.card-img-wrapper{height:150px;margin-bottom:12px}.category-tag{font-size:.6rem;padding:3px 10px}.blog-card h3{font-size:1.1rem;margin-bottom:6px}.blog-card p{font-size:.85rem;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-link{font-size:.8rem;margin-top:10px}.blog-card:hover{transform:none;box-shadow:none;border-color:var(--primary)}}@media (max-width:767px){.footer-container,.left,.links{text-align:center}.footer-container{grid-template-columns:1fr;gap:3rem;align-items:center}.left{align-items:center}.social-links,.tech-icons{justify-content:center}.links{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%}.light-theme .links a{color:var(--text-muted)}.light-theme .links a:hover{color:var(--primary)}}@media (min-width:1100px){.footer-container{gap:6rem}.links{gap:3rem 4rem}}@media (max-width:767px){.footer-container,.links{grid-template-columns:1fr;text-align:center}.footer-container,.left,.links{text-align:center}.footer-container{gap:3rem;align-items:center}.left{display:flex;flex-direction:column;align-items:center}.social-links,.tech-icons{justify-content:center}.links{display:grid;gap:1.5rem;width:100%}.light-theme .links a{color:#d3d3d3}.light-theme .links a:hover{color:var(--primary)}}