.media-page{min-height:100vh;background:#fff}.media-page-header{padding:120px 0 80px;text-align:center}.media-page-title{font-size:4rem;font-weight:900;color:#000;margin:0 0 20px;line-height:1.1}.media-page-subtitle{font-size:1.5rem;color:#666;max-width:600px;margin:0 auto;line-height:1.4}.blog{background:#fff;scroll-margin-top:80px}.blog .container{max-width:1950px;margin:0 auto;padding:0 20px}.blog .title{font-size:4rem;font-weight:900;text-align:center;margin-bottom:60px;color:#000}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.blog-post{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:box-shadow .3s ease;cursor:pointer;position:relative}.blog-post:hover{box-shadow:0 12px 32px #00000026}.blog-image{width:100%;height:250px;overflow:hidden}.blog-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-content{padding:30px 30px 80px}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.blog-date{font-size:.9rem;color:#666;font-weight:500}.blog-category{font-size:.9rem;color:red;font-weight:600;text-transform:uppercase;letter-spacing:1px}.blog-title{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 15px;line-height:1.3}.blog-excerpt{font-size:1.3rem;line-height:1.6;color:#333;margin:0 0 20px}.blog-link{display:inline-flex;align-items:center;gap:8px;color:red;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;opacity:0;transform:translateY(10px);position:absolute;bottom:30px;left:30px;right:30px;padding:12px 20px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-post:hover .blog-link,.blog-post:hover .blog-meta{opacity:1;transform:translateY(0)}.blog-link:hover{color:#c00;gap:12px}.blog-link:after{content:"→";transition:transform .3s ease}.blog-link:hover:after{transform:translate(4px)}.blog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:5000;overflow-y:auto}.blog-close{position:fixed;top:30px;right:30px;background:#000;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5001;transition:all .3s ease}.blog-close:hover{background:red;transform:scale(1.1)}.blog-detail{max-width:1950px;margin:80px auto;padding:0 40px}.blog-detail-image{width:100%;height:400px;overflow:hidden;border-radius:15px;margin-bottom:40px;box-shadow:0 8px 24px #0000001a}.blog-detail-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-detail-content{max-width:1500px;margin:0 auto}.blog-detail-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.blog-detail-date{font-size:1rem;color:#666;font-weight:500}.blog-detail-category{font-size:1rem;color:red;font-weight:600;text-transform:uppercase;letter-spacing:1px}.blog-detail-title{font-size:100px;font-weight:700;color:#000;margin:0 0 30px;line-height:1.2}.blog-detail-text{font-size:30px;line-height:1.8;color:#333;white-space:pre-line;max-width:1400px}.blog-detail-text p{margin-bottom:20px}@media (max-width: 1024px){.blog .title{font-size:3rem;margin-bottom:40px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:35px}}@media (max-width: 768px){.media-page-header{padding:100px 0 60px}.media-page-title{font-size:2.5rem;margin-bottom:15px}.media-page-subtitle{font-size:1.2rem;padding:0 20px}.blog{padding:60px 0}.blog .container{padding:0 20px}.blog .title{font-size:2.5rem;margin-bottom:30px}.blog-grid{grid-template-columns:1fr;gap:30px}.blog-image{height:200px}.blog-content{padding:25px}.blog-title{font-size:1.3rem}.blog-excerpt{font-size:.95rem}.blog-detail{margin:60px auto;padding:0 20px}.blog-detail-image{height:250px;margin-bottom:30px}.blog-detail-title{font-size:2rem;margin-bottom:20px}.blog-detail-text{font-size:1rem;line-height:1.6}.blog-close{top:20px;right:20px;width:40px;height:40px;font-size:24px}}