.saromile-blog-hero{align-items:center;min-height:auto;padding:40px 0;display:flex;position:relative;overflow:hidden}.saromile-blog-hero-container{z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;position:relative}.saromile-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;margin-bottom:25px;padding:8px 20px;font-size:13px;font-weight:500;animation:.8s forwards blogFadeIn;display:inline-flex;transform:translateY(20px)}.saromile-blog-title{letter-spacing:-.03em;color:#fff;opacity:0;max-width:900px;margin-bottom:10px;font-size:clamp(32px,5vw,56px);font-weight:200;line-height:1.1;animation:.8s .2s forwards blogFadeIn;transform:translateY(20px)}.saromile-blog-subtitle{color:#fffc;opacity:0;max-width:700px;margin-bottom:30px;font-size:clamp(16px,1.8vw,20px);font-weight:300;line-height:1.4;animation:.8s .4s forwards blogFadeIn;transform:translateY(20px)}.saromile-blog-categories{opacity:0;flex-wrap:wrap;gap:15px;animation:.8s .6s forwards blogFadeIn;display:flex;transform:translateY(20px)}.saromile-category-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.saromile-category-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.saromile-category-btn:not(.disabled):hover,.saromile-category-btn.active{background:#fff3;border-color:#fff;transform:translateY(-2px)}.saromile-blog-grid{max-width:1400px;margin:0 auto;padding:80px 40px}.saromile-blog-grid-container{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}a.saromile-article-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.saromile-article-card{opacity:0;background:#fff;border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) forwards articleFadeIn;overflow:hidden;transform:translateY(30px);box-shadow:0 10px 40px #0000000d}.saromile-article-card:first-child{animation-delay:.1s}.saromile-article-card:nth-child(2){animation-delay:.2s}.saromile-article-card:nth-child(3){animation-delay:.3s}.saromile-article-card:nth-child(4){animation-delay:.4s}.saromile-article-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a}.saromile-article-image{background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);height:300px;position:relative;overflow:hidden}.saromile-article-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.saromile-article-card:hover .saromile-article-image img{transform:scale(1.08)}.saromile-article-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.5px;background:#1a1a1ae6;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;position:absolute;top:20px;left:20px}.saromile-article-content{padding:40px}.saromile-article-date{color:#999;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.saromile-article-title{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:16px;font-size:28px;font-weight:500;line-height:1.3;transition:color .3s}.saromile-article-card:hover .saromile-article-title{color:#333}.saromile-article-excerpt{color:#666;margin-bottom:24px;font-size:16px;font-weight:300;line-height:1.6}.saromile-article-link{color:#1a1a1a;align-items:center;gap:8px;font-size:16px;font-weight:500;text-decoration:none;transition:gap .3s;display:inline-flex}.saromile-article-link:hover{gap:12px}.saromile-article-link:after{content:"→";font-size:18px;transition:transform .3s}.saromile-article-link:hover:after{transform:translate(3px)}.saromile-cta-section{color:#fafafa;background-color:#1a1a1a;padding:100px 20px;position:relative;overflow:hidden}.saromile-cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff05 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.saromile-cta-container{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.saromile-cta-title{letter-spacing:-.02em;opacity:0;color:#fff;margin-bottom:40px;font-size:clamp(36px,5vw,56px);font-weight:300;line-height:1.2;animation:.8s forwards saromileFadeInUp;transform:translateY(30px)}.saromile-cta-subtitle{color:#999;opacity:0;margin-bottom:30px;font-size:20px;font-weight:300;animation:.8s .2s forwards saromileFadeInUp;transform:translateY(30px)}.saromile-cta-text{color:#ccc;opacity:0;max-width:700px;margin:0 auto 50px;font-size:16px;line-height:1.8;animation:.8s .4s forwards saromileFadeInUp;transform:translateY(30px)}.saromile-cta-button{color:#1a1a1a;letter-spacing:.5px;opacity:0;background-color:#fafafa;border-radius:15px;padding:18px 50px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;animation:.8s .6s forwards saromileFadeInUp;display:inline-block;position:relative;overflow:hidden;transform:translateY(30px)}.saromile-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#0000001a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.saromile-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fafafa33}.saromile-cta-button:hover:before{left:100%}.saromile-cta-info{color:#666;opacity:0;margin-top:30px;font-size:14px;animation:.8s .8s forwards fadeIn}.saromile-cta-info span{color:#999;font-weight:500}@keyframes blogFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes articleFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes saromileFadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (max-width:768px){.saromile-blog-hero{padding:30px 0}.saromile-blog-hero-container{padding:0 20px}.saromile-blog-title{font-size:32px}.saromile-blog-categories{justify-content:center}}@media (max-width:968px){.saromile-blog-grid-container{grid-template-columns:1fr;gap:30px}}@media (max-width:768px){.saromile-blog-grid{padding:60px 20px}.saromile-blog-grid-container{grid-template-columns:1fr;gap:30px}.saromile-article-content{padding:32px 24px}.saromile-article-title{font-size:24px}.saromile-cta-section{padding:80px 20px}.saromile-cta-title{font-size:32px}.saromile-cta-subtitle{font-size:18px}.saromile-cta-button{width:100%;max-width:300px}}.saromile-hero-wrap-blog{background-color:#1a1a1a;border-radius:25px;margin:0 30px;padding:4% 0 2%;overflow:hidden}.saromile-blog-hero{height:60vh!important;min-height:60vh!important}@media (max-width:768px){.saromile-hero-wrap-blog{border-radius:18px;margin:0 12px}.saromile-blog-hero .saromile-hero-badge{margin-left:auto!important;margin-right:auto!important;display:inline-flex!important}.saromile-blog-hero-container,.saromile-blog-hero h1,.saromile-blog-hero p{text-align:center!important}}
