.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #2b2b2b;border-radius:16px;background:#171717;text-decoration:none;color:#f6f6f4;font-family:Inter Tight,system-ui,-apple-system,sans-serif;transition:border-color .2s}.blog-card:hover{border-color:#c9f31d99}.blog-card:hover img{transform:scale(1.03)}.blog-card__image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0d0d0d}.blog-card__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.blog-card__category{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#c9f31d}.blog-card__title{margin:8px 0 0;height:73px;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.01em;transition:color .2s}.blog-card__excerpt{margin:8px 0 0;height:67px;font-size:14px;line-height:1.6;color:#9c9c9c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:12px;color:#9c9c9c}.blog-page{min-height:100vh;display:flex;flex-direction:column;border-top:1px solid #242424;color:#f6f6f4;font-family:Inter Tight,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.blog-page__hero{border-bottom:1px solid #2b2b2b}.blog-page__hero-inner{max-width:1152px;margin:0 auto;padding:80px 16px 64px}.blog-page__eyebrow{margin:0 0 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#c9f31d}.blog-page h1{margin:0;font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.blog-page h1 span{color:#c9f31d}.blog-page__subtitle{margin:24px 0 0;max-width:640px;font-size:18px;line-height:1.7;color:#9c9c9c}.blog-page__list{max-width:1152px;width:100%;margin:0 auto;padding:40px 16px;flex:1}.blog-page__grid{display:grid;grid-template-columns:1fr;gap:20px}.blog-page__footer{border-top:1px solid #2b2b2b;background:#131313;padding:40px 16px;text-align:center}.blog-page__footer-brand{font-size:14px;font-weight:500;color:#9c9c9c}.blog-page__footer-meta{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#9c9c9c}.blog-page__footer-meta a{color:#9c9c9c;text-decoration:none}.blog-page__footer-meta a:hover{color:#c9f31d}@media(min-width:640px){.blog-page__header-inner,.blog-page__hero-inner,.blog-page__list,.blog-page__footer{padding-left:24px;padding-right:24px}.blog-page__hero-inner{padding-top:112px;padding-bottom:80px}.blog-page h1{font-size:56px}.blog-page__subtitle{font-size:20px}.blog-page__list{padding-top:56px;padding-bottom:56px}.blog-page__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:768px){.blog-page__nav{display:flex;gap:24px;align-items:center}}@media(min-width:1024px){.blog-page__header-inner,.blog-page__hero-inner,.blog-page__list,.blog-page__footer{padding-left:32px;padding-right:32px}.blog-page__hero-inner{padding-top:128px;padding-bottom:96px}.blog-page h1{font-size:72px;line-height:1.05}.blog-page__list{padding-top:64px;padding-bottom:64px}.blog-page__grid{grid-template-columns:repeat(3,1fr)}}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:50px}.blog-pagination button{border:none;background:transparent;color:#f1f1f0;font-size:16px;font-weight:600;cursor:pointer;padding:10px}.blog-pagination button:disabled{color:#999999c0;cursor:not-allowed}.blog-pagination button.active{border:1px solid #333;color:#c9f31d;min-width:40px;height:48px}.blog-hero-section{padding:70px 0 100px;position:relative;overflow:hidden}@media(max-width:1300px){.blog-hero-section{padding:70px 0 60px}}.blog-hero-section .main-div{width:100%;max-width:1240px;margin:0 auto;padding:0 12px;display:flex;position:relative}@media(max-width:640px){.blog-hero-section .main-div{padding:0 18px}}.blog-hero-section .main-div .left{width:60%}.blog-hero-section .main-div .left .tag{display:flex;align-items:center;gap:10px}.blog-hero-section .main-div .left .tag h1{font-size:18px;letter-spacing:.11em;color:#8ed900}.blog-hero-section .main-div .left .tag .line{width:90px;height:1px;background-color:#8ed900}.blog-hero-section .main-div .left .heading{font-size:2rem;line-height:1;letter-spacing:.03em;font-weight:400;color:#f5f5f0;margin-top:30px}.blog-hero-section .main-div .left .heading span{color:#b6ff00}.blog-hero-section .main-div .left .heading p{width:85%;font-size:.9rem;line-height:1.5;letter-spacing:-.01em;color:#9a9a9a;margin-top:20px}.blog-hero-section .main-div .right{width:50%;display:flex;justify-content:right}.blog-hero-section .main-div .right .visual{position:relative;width:380px;height:300px}.blog-hero-section .main-div .right .visual .bg{position:absolute;top:25px;left:-10px;width:80%;height:85%;border-radius:7px;background:linear-gradient(160deg,#2f5d0f8c,#142d0859 35%,#0000)}.blog-hero-section .main-div .right .visual .about{position:absolute;right:0;top:50px;width:95%;height:95%;object-fit:cover;border-radius:5px}.blog-hero-section .main-div .right .badge-wrap{position:absolute;z-index:2}.blog-hero-section .main-div .right .badge{background-color:#000;border:1px solid rgba(100,198,1,.18);display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:15px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.blog-hero-section .main-div .right .badge p{font-size:.7rem;line-height:1.3em;margin:0}.blog-hero-section .main-div .right .badge-left{left:-20px;bottom:-50px;animation:badge-left-float 3.5s ease-in-out infinite}.blog-hero-section .main-div .right .badge-right{right:-60px;top:60px;animation:badge-right-float 3.5s ease-in-out infinite}.blog-hero-section .main-div .right .badge-right .badge{border-radius:3px;position:relative}.blog-hero-section .main-div .right .badge-right .badge .circle{position:absolute;left:7px;top:7px;width:5px;height:5px;background-color:#8ed900;border-radius:50%}.blog-hero-section .main-div .right .badge-right .badge p{font-size:.6rem;line-height:1.3em;font-weight:300}@keyframes badge-left-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes badge-right-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,6px,0)}}@media(max-width:1300px){.blog-hero-section .main-div .right{padding-right:60px}.blog-hero-section .main-div .right .visual{width:300px;height:270px}.blog-hero-section .main-div .left{width:60%}.blog-hero-section .main-div .left .heading .about-para{width:90%}}@media(max-width:900px){.blog-hero-section .main-div{flex-direction:column;align-items:center;gap:70px}.blog-hero-section .main-div .right{order:1;width:100%;padding-right:0;justify-content:center}.blog-hero-section .main-div .right .visual{width:100%;max-width:480px;height:340px;margin-bottom:40px}.blog-hero-section .main-div .right .badge-left{left:-10px;bottom:-40px}.blog-hero-section .main-div .right .badge-right{right:-10px;top:60px}.blog-hero-section .main-div .left{order:2;width:100%;max-width:620px}.blog-hero-section .main-div .left .heading{line-height:1.15}.blog-hero-section .main-div .left .heading .about-para{width:90%}}@media(max-width:640px){.blog-hero-section .main-div{gap:60px}.blog-hero-section .main-div .right{width:100%;padding-right:0;justify-content:center}.blog-hero-section .main-div .right .visual{width:100%;max-width:260px;height:250px;margin-bottom:30px}.blog-hero-section .main-div .right .bg{top:20px;left:40px}.blog-hero-section .main-div .right .about{top:40px}.blog-hero-section .main-div .right .badge-left{left:-30px;bottom:-55px}.blog-hero-section .main-div .right .badge-left .badge{padding:6px 12px}.blog-hero-section .main-div .right .badge-left .badge p{font-size:.65rem}.blog-hero-section .main-div .right .badge-right{right:-35px;top:45px}.blog-hero-section .main-div .right .badge-right .badge{padding:8px 15px}.blog-hero-section .main-div .right .badge-right .badge p{font-size:.55rem;margin-left:4px}.blog-hero-section .main-div .left{width:100%;margin-top:20px}.blog-hero-section .main-div .left .tag h3{font-size:12px}.blog-hero-section .main-div .left .tag .line{width:60px}.blog-hero-section .main-div .left .heading{margin-top:24px;font-size:.9rem;line-height:1.15}.blog-hero-section .main-div .left .heading p{width:100%;font-size:.8rem;margin-top:10px}}