/* Reset and base styles */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:10px}
body{font-family:'Inter',sans-serif;font-size:18px;line-height:1.8;background-color:#fff;color:#222;word-break:break-word;margin:0;padding:0}

/* Critical layout styles */
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col-xxl-6{flex:0 0 50%;max-width:50%;padding:0 15px}
@media (max-width:991px){.col-xxl-6{flex:0 0 100%;max-width:100%}}

/* Header and navigation */
.header__area{border-bottom:1px solid rgba(255,255,255,0.1);background:#0d0d0d}
.header__main{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.header__logo{max-width:162px}
.header__logo img{width:100%;height:auto}

/* Breadcrumb area - critical above-the-fold */
.breadcrumb__area{background:linear-gradient(135deg,#533DEA 0%,#089EFF 100%);padding:200px 0 90px;position:relative}
.breadcrumb__title{font-size:clamp(32px, 5vw, 54px);line-height:1.2;margin:0;color:#fff;font-weight:700}
.breadcrumb__content p{color:#fff;opacity:0.9;font-size:18px;margin-bottom:0}
.breadcrumb__content.text-center{text-align:center}

/* Content area */
.section-space{padding:100px 0}
.postbox__wrapper{max-width:800px;margin:0 auto}
.blog-content{font-size:18px;line-height:1.8;color:#333}

/* Typography */
h1,h2,h3,h4,h5,h6{line-height:1.5;font-weight:600;margin:1rem 0 1rem}
h1{font-size:clamp(2em, 3vw, 2.5em);line-height:1.3;color:#2c2c2c}
h2{font-size:clamp(1.6em, 2.5vw, 2em);color:#533DEA;margin:2rem 0 1rem}
h3{font-size:clamp(1.4em, 2vw, 1.6em);margin:1.8rem 0 1rem}
p{font-size:18px;line-height:1.8;color:#333;margin-bottom:1.2rem}

/* Links */
a{color:#533DEA;font-weight:600;text-decoration:underline;transition:color 0.3s ease}
a:hover{color:#1a0dab}

/* Images in content */
.blog-content img{width:100%;height:auto;display:block;border-radius:8px;object-fit:cover;margin:1.2rem auto}

/* Share buttons */
.share-section{margin-top:20px}
.share-section h3{font-size:20px;margin-bottom:10px;color:#533DEA}
.share-buttons{margin-top:8px}
.share-button{display:inline-block;margin-right:6px;padding:8px 15px;border-radius:5px;font-size:14px;font-weight:600;line-height:1.5;color:#fff;text-decoration:none;transition:background-color 0.3s ease}
.share-button.facebook{background-color:#3b5998}
.share-button.twitter{background-color:#1da1f2}
.share-button.whatsapp{background-color:#25d366}

/* Ad containers */
.ad-container{margin:24px 0;text-align:center}
.ad-heading{font-weight:700;margin-bottom:8px}

/* Related posts */
.related-posts-wrapper{width:100%;margin:2rem 0;padding:1.5rem 2rem;background:#fff;border-left:5px solid #533DEA;border-radius:10px;box-shadow:0 3px 8px rgba(83,61,234,0.15)}
.related-posts-wrapper h3{font-size:20px;margin-bottom:1rem;color:#533DEA;font-weight:700}
.news-card-one{background:#f9f9ff;padding:1rem 1.5rem;border-radius:10px;margin-bottom:0.8rem}
.news-card-one a{color:#3b2eda;text-decoration:none}
.news-card-one a:hover{color:#1a0dab;text-decoration:underline}

/* Footer */
.footer__area-common{background:#1a1a1a;padding-top:110px;color:#f0f0f0}
.footer__grid{display:flex;gap:50px 30px;justify-content:space-between;flex-wrap:wrap}
.footer__widget{flex:1;min-width:250px}
.footer__widget-title h2{font-size:2rem;color:#fff;margin-bottom:30px}
.footer__content p{color:#e5e5e5;margin-bottom:35px}
.footer__link ul{list-style:none;padding:0}
.footer__link ul li{margin-bottom:12px}
.footer__link ul li a{color:#e5e5e5;text-decoration:none}
.footer__link ul li a:hover{color:#fff}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.1);padding:30px 0;flex-wrap:wrap;gap:20px}
.footer__copyright p{color:#d9d9d9;margin:0}
.footer__copyright a{color:#fff;text-decoration:none;font-weight:600}
.footer__copyright a:hover{color:#533DEA}

/* Newsletter */
.footer__newsletter-input{display:flex;align-items:center;position:relative}
.footer__newsletter-input input[type="email"]{flex:1;padding:10px;border:1px solid #ccc;border-radius:25px;background:#fff;color:#000}
.footer__newsletter-input input[type="email"]::placeholder{color:#666}
.footer__round-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#533DEA;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* Social icons */
.footer__social{display:flex;gap:13px;flex-wrap:wrap}
.footer__social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e5e5;color:#e5e5e5;background:transparent;border-radius:50%;text-decoration:none}
.footer__social a:hover{background:#25D366;border-color:#25D366;color:#fff}

/* Responsive design */
@media (max-width:991px){
    .breadcrumb__area{padding:170px 0 70px}
    .section-space{padding:80px 0}
    .footer__area-common{padding-top:80px}
}

@media (max-width:575px){
    .breadcrumb__area{padding:135px 0 65px}
    .section-space{padding:70px 0}
    .footer__area-common{padding-top:70px}
    .footer__bottom{justify-content:center}
    .container{padding:0 15px}
}

/* Performance optimizations */
img{max-width:100%;height:auto}
*{outline:none}
button{cursor:pointer}
a:focus{outline:2px solid #533DEA;outline-offset:2px}