/*
Theme Name: Pexzle Theme
Author: ChatGPT
Version: 1.0
Description: Fast SEO optimized blogging theme
*/

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;background:#f4f7fb;color:#222;line-height:1.7;}
.container{width:92%;max-width:1200px;margin:auto;}
img{max-width:100%;display:block;}

header{background:#0f172a;position:sticky;top:0;z-index:999;}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.logo a{font-size:32px;color:#fff;text-decoration:none;font-weight:bold;}

.menu ul{display:flex;list-style:none;}
.menu ul li{margin-left:18px;}
.menu ul li a{color:#fff;text-decoration:none;padding:10px 16px;border-radius:6px;}
.menu ul li a:hover{background:#2563eb;}

.hero{background:linear-gradient(135deg,#2563eb,#0f172a);padding:100px 20px;text-align:center;color:#fff;}
.hero h1{font-size:52px;margin-bottom:18px;}
.hero p{font-size:20px;max-width:700px;margin:auto auto 28px;}
.hero-btn{display:inline-block;padding:14px 28px;background:#fff;color:#2563eb;text-decoration:none;border-radius:8px;font-weight:bold;}

.scroller{background:#111827;color:#fff;padding:12px;overflow:hidden;white-space:nowrap;}
.scroll-text{display:inline-block;animation:scroll 18s linear infinite;}
@keyframes scroll{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}

.main-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin:50px auto;}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;}

.post-box{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.08);transition:.3s;}
.post-box:hover{transform:translateY(-6px);}

.post-image img{width:100%;height:220px;object-fit:cover;}
.post-content{padding:22px;}
.post-content h2{font-size:24px;margin-bottom:12px;}
.post-content p{margin-bottom:16px;color:#555;}

.read-more{display:inline-block;background:#2563eb;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;}

.sidebar-widget{background:#fff;padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 14px rgba(0,0,0,0.08);}
.sidebar-widget h3{margin-bottom:16px;}
.sidebar-widget ul{list-style:none;}
.sidebar-widget ul li{margin-bottom:10px;}
.sidebar-widget ul li a{text-decoration:none;color:#2563eb;}

footer{background:#0f172a;color:#fff;padding:60px 0 20px;margin-top:50px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px;}
.footer-box h3{margin-bottom:15px;}
.footer-box p,.footer-box a{color:#d1d5db;text-decoration:none;line-height:2;}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;}

@media(max-width:900px){
.main-layout{grid-template-columns:1fr;}
}

@media(max-width:768px){
.navbar{flex-direction:column;}
.menu ul{flex-wrap:wrap;justify-content:center;margin-top:15px;}
.menu ul li{margin:8px;}
.hero h1{font-size:36px;}
}