.blog-page{background:#fafaf8;min-height:100vh}.blog-detail{padding:3rem 0 5rem}.blog-detail .container{max-width:1320px;margin:0 auto;padding:0 24px}.blog-detail__layout{grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;display:grid}@media (max-width:1100px){.blog-detail__layout{grid-template-columns:1fr}.blog-detail__layout>aside{display:none}}.blog-detail__main{background:#fff;border:1px solid #ebe9f4;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #1406550a,0 8px 32px #1406550f,0 32px 64px #1406550a}.blog-detail__main:before{content:"";background:linear-gradient(90deg,#140655 0%,#1e0a7a 40%,#f8bb21 100%);border-radius:20px 20px 0 0;height:4px;display:block}.blog-detail__title{color:#1a1530;letter-spacing:-.025em;border-left:4px solid #f8bb21;margin:2rem 2.5rem 0;padding-left:1.25rem;font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:800;line-height:1.25}@media (max-width:768px){.blog-detail__title{margin:1.5rem 1.25rem 0;padding-left:1rem;font-size:clamp(1.5rem,5vw,1.9rem)}}.blog-detail__meta{flex-wrap:wrap;align-items:center;gap:.5rem 0;margin-bottom:1.75rem;padding:1.25rem 2.5rem 0;display:flex}@media (max-width:768px){.blog-detail__meta{padding:1rem 1.25rem 0}}.blog-detail__author,.blog-detail__date,.blog-detail__category{letter-spacing:.04em;text-transform:uppercase;color:#6b6880;background:#1406550a;border-radius:100px;align-items:center;gap:.35rem;margin-right:.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:background .2s;display:inline-flex}.blog-detail__author svg,.blog-detail__date svg,.blog-detail__category svg{color:#f8bb21;width:1rem!important;height:1rem!important;font-size:1rem!important}.blog-detail__author:hover,.blog-detail__date:hover,.blog-detail__category:hover{background:#f8bb211f}.blog-detail__author:after,.blog-detail__date:after,.blog-detail__category:after{display:none}.blog-detail__hero{aspect-ratio:16/8;background:#ebe9f4;border-radius:14px;width:calc(100% - 5rem);margin:0 2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #1406551a,0 16px 48px #14065514}.blog-detail__hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#1406551f 100%);position:absolute;inset:0}.blog-detail__hero-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.blog-detail__hero-image:hover{transform:scale(1.02)}@media (max-width:768px){.blog-detail__hero{aspect-ratio:16/10;border-radius:10px;width:calc(100% - 2.5rem);margin:0 1.25rem 1.5rem}}.blog-detail__excerpt{color:#6b6880;background:linear-gradient(135deg,#14065508,#f8bb210f);border-left:3px solid #f8bb21;border-radius:0 10px 10px 0;margin:0 2.5rem 2rem;padding:1.25rem 1.5rem;font-size:1.1rem;font-style:italic;line-height:1.7}@media (max-width:768px){.blog-detail__excerpt{margin:0 1.25rem 1.5rem}}.blog-detail__sidebar-mobile{margin:0 2.5rem 2rem;display:none}@media (max-width:1100px){.blog-detail__sidebar-mobile{display:block}}@media (max-width:768px){.blog-detail__sidebar-mobile{margin:0 1.25rem 1.5rem}}.blog-detail__cta{text-align:center;background:linear-gradient(135deg,#140655 0%,#1e0a7a 60%,#180862 100%);border-radius:16px;margin:2rem 2.5rem 2.5rem;padding:2.5rem;position:relative;overflow:hidden}.blog-detail__cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#f8bb2126,#0000 70%);width:300px;height:300px;position:absolute;top:-80px;right:-60px}.blog-detail__cta h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;position:relative}.blog-detail__cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.blog-detail__cta-buttons .btn{letter-spacing:.02em;border-radius:10px;padding:.875rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.blog-detail__cta-buttons .btn-primary{color:#140655;background:#f8bb21;border:2px solid #f8bb21}.blog-detail__cta-buttons .btn-primary:hover{background:#fdd96a;border-color:#fdd96a;transform:translateY(-3px);box-shadow:0 8px 24px #f8bb2166}.blog-detail__cta-buttons .btn-secondary{color:#fff;background:0 0;border:2px solid #fff6}.blog-detail__cta-buttons .btn-secondary:hover{background:#ffffff1f;border-color:#ffffffb3;transform:translateY(-3px)}@media (max-width:768px){.blog-detail__cta-buttons .btn{text-align:center;width:100%}.blog-detail__cta{margin:1.5rem 1.25rem 2rem;padding:2rem 1.5rem}}.blog-detail__share{flex-wrap:wrap;align-items:center;gap:.75rem;padding:0 2.5rem 2.5rem;display:flex}@media (max-width:768px){.blog-detail__share{padding:0 1.25rem 2rem}}.blog-detail__share a{color:#1a1530;letter-spacing:.03em;background:#1406550a;border:1px solid #ebe9f4;border-radius:100px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-detail__share a:hover{color:#fff;background:#140655;border-color:#140655;transform:translateY(-2px);box-shadow:0 4px 12px #14065540}.blog-detail__related{background:#fff;border-top:1px solid #ebe9f4;padding:5rem 0;position:relative}.blog-detail__related:before{content:"";background:linear-gradient(90deg,#f8bb21 0%,#140655 60%,#1e0a7a 100%);height:3px;display:block;position:absolute;top:0;left:0;right:0}.blog-detail__related .container{max-width:1320px;margin:0 auto;padding:0 24px}.blog-detail__related h2{color:#1a1530;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;display:inline-block;position:relative}.blog-detail__related h2:after{content:"";background:#f8bb21;border-radius:2px;width:48px;height:3px;margin-top:.5rem;display:block}@media (max-width:768px){.blog-detail__related h2{margin-bottom:2rem}}.blog-detail__related .blog-posts__grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.75rem;display:grid}@media (max-width:640px){.blog-detail__related .blog-posts__grid{grid-template-columns:1fr;gap:1.25rem}}.post-card{background:#fff;border:1px solid #ebe9f4;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;overflow:hidden;box-shadow:0 1px 4px #1406550a}.post-card:hover{border-color:#1406551f;transform:translateY(-6px);box-shadow:0 8px 24px #1406551a,0 24px 48px #1406550f}.post-card:hover .post-card__thumb img{transform:scale(1.06)}.post-card:hover .post-card__body h3 a{color:#1e0a7a}.post-card__thumb{aspect-ratio:16/9;background:#ebe9f4;flex-shrink:0;width:100%;display:block;overflow:hidden}.post-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.post-card__body{flex:1;padding:1.25rem 1.25rem .75rem}.post-card__body h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.post-card__body h3 a{color:#1a1530;text-decoration:none;transition:color .2s}.post-card__meta{letter-spacing:.03em;text-transform:uppercase;color:#6b6880;align-items:center;gap:.75rem;padding:0 1.25rem 1.25rem;font-size:.75rem;font-weight:600;display:flex}.post-card__meta span{align-items:center;display:inline-flex}.post-card__meta span:not(:last-child):after{content:"·";color:#ebe9f4;margin-left:.75rem;font-size:1.1em}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.blog-progress-bar{z-index:9999;background:linear-gradient(90deg,#140655,#f8bb21,#1e0a7a) 0 0/200%;height:3px;transition:width .1s linear;animation:2s linear infinite shimmer;position:fixed;top:0;left:0}