.blog-details-page{color:#050505;background:#fff;position:relative;overflow-x:hidden}.blog-details-page:before{content:"";pointer-events:none;z-index:1;opacity:.78;background-image:linear-gradient(#0000,#6f46ff3d,#0000),linear-gradient(#0000,#6f46ff29,#0000),linear-gradient(#0000,#6f46ff1f,#0000);background-position:12% -200px,55% -280px,88% -180px;background-repeat:repeat-y;background-size:1px 180px,1px 240px,1px 150px;animation:4.8s linear infinite blogRain;position:fixed;inset:0}.blog-detail-hero,.blog-content-section,.blog-cta,.blog-not-found{z-index:2;position:relative}.blog-detail-hero{background:radial-gradient(circle at 12% 25%,#6f46ff1f,#0000 30%),radial-gradient(circle at 85% 30%,#6f46ff1a,#0000 28%);grid-template-columns:1fr .95fr;align-items:center;gap:70px;min-height:100vh;padding:140px 7% 80px;display:grid}.blog-detail-left{max-width:760px}.blog-icon{color:#6b46ff;background:#f0ebff;border-radius:24px;place-items:center;width:78px;height:78px;margin-bottom:28px;font-size:34px;display:grid;box-shadow:0 18px 45px #6f46ff2e}.blog-category{color:#6b46ff;font-weight:900}.blog-detail-left h1{letter-spacing:-3px;margin:18px 0;font-size:clamp(48px,6vw,82px);line-height:1.04}.blog-date{color:#666;align-items:center;gap:10px;margin-bottom:24px;display:flex}.blog-date svg{color:#6b46ff}.blog-detail-left>p{color:#555;font-size:18px;line-height:1.8}.blog-actions{gap:18px;margin-top:34px;display:flex}.blog-detail-image{position:relative}.blog-image-card{background:linear-gradient(135deg,#07070c,#151526);border-radius:38px;padding:16px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 35px 90px #6f46ff42}.blog-image-card:before{content:"";background:linear-gradient(90deg,#0000,#8b67ff38,#0000);animation:4s linear infinite scanMove;position:absolute;inset:-120px}.blog-image-card img{-o-object-fit:cover;object-fit:cover;z-index:2;border-radius:28px;width:100%;height:460px;position:relative}.floating-blog-detail{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #6f46ff26;border-radius:18px;align-items:center;gap:10px;padding:15px 20px;font-weight:900;display:flex;position:absolute;box-shadow:0 18px 45px #6f46ff29}.floating-blog-detail svg{color:#6b46ff}.floating-blog-detail.one{animation:3.5s ease-in-out infinite alternate floatBlogDetail;top:45px;left:-20px}.floating-blog-detail.two{animation:3.8s ease-in-out infinite alternate-reverse floatBlogDetail;bottom:55px;right:-20px}.blog-content-section{grid-template-columns:1.2fr .5fr;gap:40px;padding:40px 7% 90px;display:grid}.blog-main-content{background:#ffffffd1;border:1px solid #eee;border-radius:34px;padding:50px;box-shadow:0 22px 65px #0000000a}.article-header span{color:#6b46ff;font-weight:900}.article-header h2{margin:18px 0;font-size:46px;line-height:1.12}.blog-main-content p{color:#555;font-size:17px;line-height:1.9}.quote-box{color:#fff;background:linear-gradient(135deg,#08080c,#181827);border-radius:24px;margin:34px 0;padding:34px;font-size:24px;font-weight:700;line-height:1.6}.blog-main-content h2{margin:40px 0 28px;font-size:36px}.blog-points{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.blog-point{background:#fff;border:1px solid #eee;border-radius:18px;align-items:center;gap:12px;padding:20px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 12px 35px #0000000a}.blog-point:hover{transform:translateY(-6px);box-shadow:0 20px 50px #6f46ff1f}.blog-point svg{color:#6b46ff}.blog-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-card{background:#ffffffd1;border:1px solid #eee;border-radius:24px;padding:32px;box-shadow:0 12px 35px #0000000a}.sidebar-card h3{margin-bottom:12px;font-size:22px}.sidebar-card p{color:#666}.blog-cta{color:#fff;background:linear-gradient(135deg,#08080c,#181827);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;margin:0 6% 90px;padding:50px;display:flex}.blog-cta h2{margin:12px 0;font-size:42px}.blog-cta p{color:#d6d6d6;max-width:640px;line-height:1.8}.blog-not-found{min-height:70vh;padding:160px 7% 80px}.blog-not-found h1{margin:20px 0 30px;font-size:72px}.black-btn,.outline-btn{border-radius:16px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 28px;font-weight:900;display:inline-flex}.black-btn{color:#fff;background:linear-gradient(135deg,#6b46ff,#8b67ff);box-shadow:0 18px 45px #6f46ff47}.outline-btn{color:#111;background:#fff;border:1px solid #eee}@keyframes blogRain{0%{background-position:12% -200px,55% -280px,88% -180px}to{background-position:12% 900px,55% 940px,88% 880px}}@keyframes scanMove{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes floatBlogDetail{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@media (max-width:992px){.blog-detail-hero,.blog-content-section{grid-template-columns:1fr}.blog-detail-image{display:none}.blog-cta{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.blog-detail-hero{padding:120px 22px 60px}.blog-detail-left h1{font-size:42px}.blog-actions{flex-direction:column}.blog-content-section{padding:20px 22px 60px}.blog-main-content{padding:30px}.article-header h2,.blog-main-content h2,.blog-cta h2{font-size:32px}.blog-points{grid-template-columns:1fr}.blog-cta{margin:0 22px 70px;padding:30px}.black-btn,.outline-btn{width:100%}}