body{font-family:'Montserrat',sans-serif;line-height:1.7;color:#333;margin:0;padding:0;background-color:#f9f9f9} .container{max-width:1100px;margin:0 auto;padding:0 20px} img{max-width:100%;height:auto} .main-header{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.08);padding:15px 0;position:sticky;top:0;z-index:100} .main-header .container{display:flex;justify-content:space-between;align-items:center} .logo-link{display:flex;align-items:center;text-decoration:none;color:#1a1a1a;font-weight:700;font-size:20px} .logo{height:40px;width:40px;margin-right:10px} .main-nav a{color:#555;text-decoration:none;margin-left:25px;font-weight:600;transition:color .3s} .main-nav a:hover{color:#34C759} .main-footer{background-color:#2c3e50;color:#ecf0f1;padding:40px 0;margin-top:60px} .main-footer .container{text-align:center} .footer-links a{color:#ecf0f1;text-decoration:none;margin:0 15px;transition:color .3s} .footer-links a:hover{color:#34C759} .copyright{margin-top:20px;font-size:.9em;opacity:.7} .page-container{padding-top:40px;padding-bottom:40px} .hero{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#34C759,#28a745);color:#fff;border-radius:12px;margin-bottom:40px} .hero h1{font-size:48px;margin:0 0 10px 0} .article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px} .post-card{background-color:#fff;text-decoration:none;color:#333;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s,box-shadow .3s} .post-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.12)} .post-card img{width:100%;height:220px;object-fit:cover} .card-content{padding:25px} .card-content h2{font-size:22px;margin:0 0 10px 0;line-height:1.3} .card-content p{font-size:15px;opacity:.8;margin:0 0 15px 0} .read-more{font-weight:700;color:#34C759} .post{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08)} .post-header{text-align:center;margin-bottom:40px} .post-header h1{font-size:42px;margin-bottom:15px;line-height:1.2} .publish-date{color:#888;font-style:italic} .post-image{width:100%;border-radius:12px;margin-top:20px} .post-content h2{font-size:28px;margin-top:40px} .promo-box{text-align:center;margin:40px 0;padding:30px;background-color:#e8f5e9;border-radius:12px;border-left:5px solid #34C759} .promo-box h2{margin-top:0;font-size:26px} .promo-button{display:inline-block;background-color:#34C759;color:#fff;text-decoration:none;padding:12px 25px;border-radius:50px;font-weight:700;margin-top:15px;transition:background-color .3s} .promo-button:hover{background-color:#28a745} @media (max-width:768px){ .main-header .container{flex-direction:column;gap:15px}.hero h1{font-size:36px}.post-header h1{font-size:32px}}