@import url("../app.css");.header{width:100%;height:60px;position:fixed;top:0;left:0;z-index:var(--z-index-50)}a{text-decoration:none;color:var(--main-color);transition:all var(--short-anim-secs) ease}a:hover{color:var(--secondary)}.btn{background:linear-gradient(to bottom right,var(--main-color),var(--main-color2));padding:5px 10px;border-radius:var(--border-radius);color:var(--color-white);font-size:14px;cursor:pointer;font-weight:var(--thick-font-weight);border:none;outline:none}.container-header{background:var(--color-white);color:var(--color-black);padding:80px 0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:60px;border-bottom:1px solid var(--light-dark-color2);border-bottom-left-radius:var(--semi-cornered-border-radius);border-bottom-right-radius:var(--semi-cornered-border-radius)}.container-header h1{font-size:3rem;margin-bottom:20px}.container-header p{font-size:1.2rem;max-width:700px;margin:0 auto 30px}.main-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:0 20px}.blog-post{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin-bottom:40px;transition:all var(--short-anim-secs) ease;border:1px solid var(--light-dark-color2);box-shadow:0 0 20px 0 var(--light-dark-color)}.blog-post:hover{box-shadow:0 0 50px 0 var(--light-dark-color)}.post-image{height:250px;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:all var(--short-anim-secs) ease}.post-content{padding:25px}.post-meta{display:flex;margin-bottom:15px;font-size:14px;color:var(--color-black-opacity)}.post-meta span{margin-right:15px;display:flex;align-items:center}.post-meta i{margin-right:5px}.post-title{font-size:1.5rem;margin-bottom:15px}.post-excerpt{margin-bottom:20px;color:var(--color-black-opacity)}.post-categories{display:flex;flex-wrap:wrap;margin-bottom:15px}.category{background-color:#e9ecef;padding:5px 10px;border-radius:20px;font-size:0.8rem;margin-right:10px;margin-bottom:10px}.category.technology{background-color:#e3f2fd;color:var(--main-color)}.category.design{background-color:#fce4ec;color:#c2185b}.category.business{background-color:#e8f5e9;color:#2e7d32}.category.lifestyle{background-color:#fff3e0;color:#ef6c00}.sidebar-widget{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 0 20px 0 var(--light-dark-color);padding:25px;margin-bottom:30px;border:1px solid var(--light-dark-color2)}.widget-title{font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.categories-list{list-style:none}.categories-list li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.categories-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.categories-list a{display:flex;justify-content:space-between}.categories-list span{background-color:#f0f0f0;padding:2px 8px;border-radius:10px;font-size:0.8rem}.popular-posts .post-item{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.popular-posts .post-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.post-thumb{width:70px;height:70px;border-radius:var(--border-radius);overflow:hidden;margin-right:15px}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-info h4{font-size:14px;margin-bottom:5px}.post-info .post-date{font-size:0.8rem;color:var(--color-black-opacity)}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:#f0f0f0;padding:5px 10px;border-radius:20px;font-size:0.8rem;transition:all var(--short-anim-secs) ease}.tag:hover{background-color:var(--main-color);color:white}.newsletter-form input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:var(--border-radius)}.pagination{display:flex;justify-content:center;margin:40px 0}.pagination a{display:inline-block;padding:10px 15px;margin:0 5px;border-radius:var(--border-radius);background-color:var(--color-white);color:var(--dark);box-shadow:var(--box-shadow);transition:all var(--short-anim-secs) ease}.pagination a.active,.pagination a:hover{background-color:var(--main-color);color:white}.footer{width:100%;min-height:500px;max-height:700px}@media (max-width:992px){.main-content{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.post-meta{flex-direction:column}.post-meta span{margin-bottom:5px}}