main{padding:2rem 0 5rem}
.main-section{padding:2rem 0}
.breadcrumb{padding-bottom:2rem;border-bottom:1px solid #EAEAEA}
.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:1.4rem;font-family:'Manrope',sans-serif;font-weight:500}
.breadcrumb li{display:flex;align-items:center;color:#666}
.breadcrumb li a{color:#1A1A3A;text-decoration:none;transition:color .3s ease;font-weight:600}
.breadcrumb li a:hover{color:#e86ca3}
.breadcrumb li:not(:last-child)::after{content:'/';margin-left:1rem;color:#CCC;font-size:1.2rem}
.breadcrumb li.active{color:#e86ca3;pointer-events:none}
.blog-detail-wrapper{display:flex;flex-direction:column;gap:4rem;max-width:120rem;margin:0 auto}
.blog-main-content{display:flex;flex-direction:column;gap:2rem}
.bd-image-wrapper{width:100%;padding:2px;border-radius:1.5rem;background:linear-gradient(135deg,#1A1A3A 0%,#7c82d8 30%,#d67ab6 100%);overflow:hidden}
.bd-featured-image{width:100%;height:auto;display:block;border-radius:calc(1.6rem - 2px)}
.bd-meta-bar{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}
.bd-meta-left{display:flex;flex-wrap:wrap;gap:2rem}
.bd-meta-item,.share-text{display:flex;align-items:center;gap:.8rem;font-family:'Manrope',sans-serif;font-size:1.4rem;color:#666}
.bd-share-box{display:flex;align-items:center;gap:1.5rem}
.bd-socials{display:flex;gap:1rem}
.bd-socials a{color:#28306f;display:flex;align-items:center;transition:color .3s}
.bd-socials a:hover{color:#e86ca3}
.bd-socials svg{width:1.8rem;height:1.8rem}
.blog-toc{background:#f8effc;border:1px solid #eaeaea;border-radius:1.5rem;padding:3rem;box-shadow:0 5px 20px #00000005;margin-bottom:2rem}
.blog-toc-title{font-family:'Manrope',sans-serif;font-size:1.8rem;color:#28306f;display:flex;align-items:center;gap:1rem;font-weight:700;margin-top:0;margin-bottom:2rem}
.blog-toc-list{margin:0;padding-left:2rem;font-family:'Manrope',sans-serif;font-size:1.4rem;line-height:2;color:#222;column-count:1}
.blog-toc-list a{color:#292f6d;font-weight:600;text-decoration:none;transition:color .3s}
.blog-toc-list a:hover{color:#e86ca3}
.blog-main-title{font-family:'Cormorant Garamond',serif;font-size:3.5rem;color:#28306f;line-height:1.2}
.bd-article-body p{font-family:'Manrope',sans-serif;font-size:1.5rem;color:#222;line-height:1.8;margin-bottom:2rem}
.bd-article-body ul,.bd-article-body ol{margin:0 0 2rem;display:block}
.bd-article-body ul li{position:relative;line-height:1.8;color:#111;padding-left:2rem;display:block;margin-bottom:1rem}
.bd-article-body ul li::before{position:absolute;top:.4rem;left:0;font-size:1.1rem;content:'▶';color:#9e548f}
.bd-article-body ol{margin:0 2rem 3rem 3rem;list-style:decimal;line-height:3rem}
.bd-article-body ol li{list-style:decimal;padding-left:1rem;color:#111;line-height:3rem;margin-bottom:1rem}
.bd-article-body ol ::marker{font-weight:500;color:#9e548f}
.cTable{overflow:hidden;box-shadow:0 3px 1rem #0000000d;border-radius:6px;margin:0 0 3rem;background:#fff;overflow-x:auto}
.bd-article-body table{width:70rem;border-collapse:collapse}
.bd-article-body table th,.bd-article-body table td{padding:1.2rem 1.5rem;text-align:left;border:1px solid #f3e4fa}
.bd-article-body table th{font-weight:600;background:#28306f;color:#fff}
.bd-article-body table tbody tr:hover{background:#eddff7}
.blog-sidebar{display:flex;flex-direction:column;gap:3rem}
.sidebar-widget{background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 10px 30px #28306f0d}
.widget-title-form{font-family:'Cormorant Garamond',serif;font-size:2.8rem;color:#28306f;text-align:center;margin-bottom:2.5rem}
.highlight-underline{border-bottom:2px solid #e86ca3;padding-bottom:2px}
.form-group{margin-bottom:2rem}
.outline-input{width:100%;padding:1.4rem 2rem;border-radius:5rem;border:1px solid #f0b9ca;background:transparent;font-size:1.4rem;font-family:'Manrope',sans-serif;color:#222;outline:none;transition:border-color .3s ease,box-shadow .3s ease}
.outline-textarea{width:100%;padding:1.5rem 2rem;border-radius:1.5rem;border:1px solid #f0b9ca;background:transparent;font-size:1.4rem;font-family:'Manrope',sans-serif;color:#222;outline:none;height:12rem;resize:none;transition:border-color .3s ease,box-shadow .3s ease}
.outline-input::placeholder,.outline-textarea::placeholder{color:#A0A0A0;font-weight:400}
.outline-input:focus,.outline-textarea:focus{border-color:#e86ca3;box-shadow:0 0 0 3px #e85d751a}
.submit-wrapper{text-align:center;margin-top:1rem}
.btn-gradient-submit{background:linear-gradient(90deg,#e86ca3 0%,#292e6e 100%);color:#fff;padding:1.2rem 5rem;border-radius:5rem;font-size:1.6rem;border:none;cursor:pointer;font-family:'Manrope',sans-serif;box-shadow:0 5px 15px #e85d754d;transition:transform .3s ease}
.btn-gradient-submit:hover{transform:translateY(-3px);box-shadow:0 8px 20px #292e6e66}
.form-status-message{margin-top:1.5rem;text-align:center;font-size:1.4rem;font-weight:500;font-family:'Manrope',sans-serif;transition:all .3s ease}
.form-status-message.success{color:#28306f}
.form-status-message.error{color:#e86ca3}
.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid #eaeaea;padding-bottom:1rem}
.widget-title{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:#28306f;margin:0}
.view-all-link{font-family:'Manrope',sans-serif;font-size:1.3rem;color:#666;text-decoration:none}
.latest-blogs-list{display:flex;flex-direction:column;gap:2rem}
.lb-item{display:flex;gap:1.5rem;align-items:center}
.lb-thumb{height:auto;width:20rem;border-radius:1rem;border:1px solid #28306f}
.lb-content{display:flex;flex-direction:column;gap:.5rem}
.lb-date{font-family:'Manrope',sans-serif;font-size:1.2rem;color:#888}
.lb-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:#28306f;margin:0;line-height:1.2}
.lb-title a{color:inherit;text-decoration:none}
.lb-read-more{font-family:'Manrope',sans-serif;font-size:1.3rem;color:#e86ca3;text-decoration:none}
.faq{padding:5rem 0}
.faq-title{font-size:2.5rem;margin-bottom:0!important;padding-bottom:2rem}
.faq-divider{width:15rem;height:1px;background:#e86ca3;margin:0 0 2rem}
.faq-wrapper{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}
.faq-item{background-color:#fff;border-radius:.8rem;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:transparent;border:none;cursor:pointer;font-family:'Manrope',sans-serif;font-size:1.6rem;font-weight:500;color:#292e6e;text-align:left}
.faq-icon{color:#222;display:flex;align-items:center;justify-content:center}
.icon-plus{display:block}
.icon-minus{display:none}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.16,1,0.3,1)}
.faq-answer-inner{padding:0 2.5rem 2rem;background-color:#fcf1f4;border-top:1px solid #292e6e1a;font-family:'Manrope',sans-serif;font-size:1.5rem;line-height:1.7;color:#222}
.faq-answer-inner p{margin:0;padding-top:2rem}
.faq-item.active .icon-plus{display:none}
.faq-item.active .icon-minus{display:block}
.faq-item.active .faq-answer{max-height:50rem}
.faq-item.active .faq-question{color:#e86ca3}
.other-resources-section{padding:4rem 0 8rem;background:radial-gradient(circle at 48% 8%,#ff6ed259 0%,#ff6ed200 22%),radial-gradient(circle at 32% 78%,#ff6ed259 0%,#ff6ed200 25%),radial-gradient(circle at 72% 58%,#ff6ed24d 0%,#ff6ed200 22%),linear-gradient(135deg,#232a75 0%,#5f4588 50%,#232a75 100%);text-align:center;color:#fff;position:relative;overflow:hidden}
.other-resources-section::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at 50% 50%,#e85d7526 0%,transparent 60%);pointer-events:none}
.section-title{margin-bottom:0;padding-bottom:2rem}
.resources-divider{width:15rem;height:1px;background:#e86ca3;margin:0 auto 5rem}
.expert-btn-wrapper{width:max-content;margin:auto}
.btn-hero-cta{background:#fff;color:#292e6e;border:1px solid #eb80af;border-radius:5rem;padding:1.2rem 2.4rem;font-weight:600;font-size:1.6rem;transition:all .3s ease;text-align:center}
.btn-hero-cta:hover{background:transparent;color:#fff}
.w-100{width:100%}
.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f112bd9;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}
.custom-modal.open{opacity:1;visibility:visible}
.modal-dialog{background:#fff;width:100%;border-radius:1.5rem;position:relative;transform:scale(0.95);transition:transform .3s ease;max-height:90vh;overflow-y:auto}
.custom-modal.open .modal-dialog{transform:scale(1)}
.close-modal{position:absolute;top:1.5rem;right:1.5rem;background:#f0f0f0;border:none;width:3.5rem;height:3.5rem;border-radius:50%;font-size:2rem;color:#4a4a4a;cursor:pointer;transition:background .3s;z-index:10}
.close-modal:hover{background:#e86ca3;color:#fff}
.modal-content{padding:4rem 2rem;text-align:center}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:3rem;color:#28306f}
.modal-subtitle{font-family:'Manrope',sans-serif;font-size:1.4rem;color:#222;margin-bottom:1rem}
.modal-success-state{padding:4rem 0;text-align:center;animation:popIn .5s ease forwards}
.success-icon-box{width:8rem;height:8rem;background:#fcf1f4;color:#e86ca3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto 2rem}
.popup-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left;width:100%}
.popup-form .outline-input{width:100%;padding:1.4rem 2rem;border-radius:5rem;border:1px solid #E0E0E0;background-color:#FDFDFE;font-size:1.4rem;font-family:'Manrope',sans-serif;color:#222;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}
.popup-form .outline-textarea{width:100%;padding:1.5rem 2rem;border-radius:1.5rem;border:1px solid #E0E0E0;background-color:#FDFDFE;font-size:1.4rem;font-family:'Manrope',sans-serif;color:#222;outline:none;resize:vertical;transition:all .3s ease}
.popup-form .outline-input:focus,.popup-form .outline-textarea:focus{border-color:#e86ca3;background-color:#fff;box-shadow:0 0 0 3px #e85d7526}
.popup-form select.outline-input{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2328306f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 2rem top 50%;background-size:1.2rem auto;padding-right:4rem}
.popup-form .btn-gradient-submit{background:linear-gradient(90deg,#e86ca3 0%,#28306f 100%);color:#fff;padding:1.5rem 3rem;border-radius:5rem;font-size:1.6rem;font-weight:600;border:none;cursor:pointer;font-family:'Manrope',sans-serif;box-shadow:0 5px 15px #e85d754d;transition:all .3s cubic-bezier(0.16,1,0.3,1);margin-top:1rem}
.popup-form .btn-gradient-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28306f66}
input[type="date"].outline-input{color:#222;font-family:'Manrope',sans-serif}
@media (min-width: 768px) {
.bd-meta-bar{flex-direction:row;justify-content:space-between;align-items:center}
.bd-main-title{font-size:4rem}
.toc-list{column-count:2;column-gap:4rem;column-rule:1px solid #eaeaea}
.bd-article-body table{width:100%}
.modal-dialog{width:45rem}
.modal-content{padding:4rem}
}
@media (min-width: 992px) {
.blog-detail-section{padding:8rem 0}
.blog-detail-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:5rem;align-items:start}
.blog-sidebar{position:sticky;top:10rem}
.other-resources-section{padding:8rem 0}
}
@media (min-width: 1280px) {
.bd-article-body{text-align:justify}
}
@media (min-width: 1600px) {
.blog-detail-wrapper{max-width:140rem}
}