/* ==============================================
   COMPLETE STYLESHEET FOR POWERPERSONA
   Version: FINAL - CORPORATE BLUE THEME
   ============================================== */

/* 1. General Setup & Variables */
:root {
    --color-dark: #101828; /* Deep Charcoal Blue */
    --color-light: #FFFFFF;
    --color-primary: #0077B6; /* Professional Blue */
    --color-bg-light: #F8F9FA; /* Light Cool Gray */
    --color-text-dark: #1D2939; /* Dark Slate Blue */
    --color-text-light: #F0F2F5; /* Off-White */
    --font-family-base: 'Poppins', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family-base);
    background-color: var(--color-light);
    color: var(--color-text-dark);
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

h1, h2, h3 {
    font-weight: 600;
    line-height: 1.2;
}

h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }
p { font-size: 1rem; margin-bottom: 1rem; }
section { padding: 80px 0; }

/* 2. Buttons & Utility */
.btn { display: inline-block; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; }
.btn-primary { background-color: var(--color-primary); color: var(--color-light); border: 2px solid var(--color-primary); }
.btn-primary:hover { background-color: #005A8D; border-color: #005A8D; transform: translateY(-2px); }
.btn-large { padding: 15px 35px; font-size: 1.1rem; }
.btn-secondary { background-color: transparent; color: var(--color-primary); border: 2px solid var(--color-primary); }
.btn-secondary:hover { background-color: var(--color-primary); color: var(--color-light); }

/* 3. Header & Navigation */
.main-header { background-color: var(--color-dark); color: var(--color-light); padding: 15px 0; position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid #344054; }
.main-nav { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.5rem; font-weight: 700; color: var(--color-light); text-decoration: none; }
.nav-links { list-style: none; display: flex; gap: 30px; align-items: center; }
.nav-links a { color: var(--color-light); text-decoration: none; font-weight: 500; }
.menu-toggle { display: none; background: none; border: none; color: var(--color-light); font-size: 1.5rem; cursor: pointer; z-index: 1001; }
.desktop-only { display: inline-block; }
.mobile-only { display: none; }

/* 4. Footer */
.main-footer { background-color: var(--color-dark); color: var(--color-text-light); padding: 60px 0 20px; }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px; }
.footer-col .logo { margin-bottom: 15px; display: block; }
.footer-col h4 { margin-bottom: 20px; color: var(--color-light); }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col a { color: var(--color-text-light); text-decoration: none; }
.social-icons { display: flex; gap: 15px; margin-top: 20px; }
.social-icons a { color: var(--color-light); font-size: 1.2rem; }
.footer-bottom { border-top: 1px solid #344054; padding-top: 20px; display: flex; justify-content: space-between; align-items: center; font-size: 0.9rem; flex-wrap: wrap; gap: 15px; }
.footer-bottom a { color: var(--color-primary); text-decoration: none; font-weight: 500; transition: color 0.3s ease; }
.footer-bottom a:hover { color: var(--color-light); text-decoration: underline; }

/* 5. Homepage Sections */
.hero-section { background-color: var(--color-dark); color: var(--color-light); padding: 60px 0; }
.hero-content { display: flex; align-items: center; gap: 40px; }
.hero-text { flex: 1; }
.hero-text h1 { margin-bottom: 20px; }
.hero-text p { font-size: 1.1rem; color: var(--color-text-light); margin-bottom: 30px; }
.hero-text ul { list-style: none; margin-bottom: 40px; }
.hero-text ul li { margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
.hero-text .fa-check-circle { color: var(--color-primary); }
.hero-image { flex: 1; text-align: right; }
.hero-image img { max-width: 100%; border-radius: 10px; }

.explore-services-section { padding: 80px 0; }
.explore-services-header { text-align: center; margin-bottom: 60px; }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.service-card { background-color: #FFFFFF; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }
.service-card:hover { transform: translateY(-8px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.service-image { width: 100%; height: 250px; overflow: hidden; }
.service-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease-out; }
.service-card:hover .service-image img { transform: scale(1.05); }
.service-content { padding: 25px; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.service-content h3 { font-size: 1.4rem; margin-bottom: 10px; }
.service-content .sessions-info { font-size: 0.95rem; color: #667085; margin-bottom: 20px; flex-grow: 1; }
.explore-link { font-size: 0.95rem; color: var(--color-primary); text-decoration: none; font-weight: 500; transition: color 0.3s ease; }
.explore-link:hover { color: #005A8D; text-decoration: none; }

.approach-section { background-color: var(--color-bg-light); text-align: center; }
.approach-cards { display: flex; justify-content: space-between; gap: 30px; margin-top: 60px; }
.card { background-color: var(--color-light); padding: 40px; border-radius: 10px; box-shadow: 0 4px 20px rgba(16, 24, 40, 0.05); flex: 1; }
.card-icon { font-size: 2.5rem; color: var(--color-primary); margin-bottom: 20px; }
.card h3 { margin-bottom: 15px; }

.faq-section { background-color: var(--color-light); }
.faq-section h2 { text-align: center; margin-bottom: 50px; }
.faq-accordion { max-width: 800px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid #e0e0e0; }
.faq-question { background: none; border: none; width: 100%; text-align: left; padding: 20px 0; font-size: 1.2rem; font-weight: 500; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: var(--color-text-dark); }
.faq-question i { transition: transform 0.3s ease; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-answer p { padding-bottom: 20px; color: #555; }
.faq-item.active .faq-question i { transform: rotate(180deg); }

.why-choose-section{padding:80px 0;background-color:var(--color-bg-light);text-align:center}.why-choose-header{margin-bottom:40px}.benefit-accordion{max-width:900px;margin:0 auto;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.accordion-item{border-bottom:1px solid #e0e0e0}.accordion-item:last-child{border-bottom:none}.accordion-button{width:100%;background-color:var(--color-light);border:none;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;transition:background-color .3s ease}.accordion-button:hover{background-color:#f7f7f7}.button-content{display:flex;align-items:center;gap:20px}.button-content i{font-size:1.8rem;color:var(--color-primary);width:30px;text-align:center}.button-content span{font-size:1.2rem;font-weight:600;color:var(--color-text-dark)}.icon-toggle{font-size:1.2rem;color:var(--color-primary);transition:transform .4s ease}.accordion-item.active .accordion-button .icon-toggle{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;background-color:#fafafa;transition:max-height .4s ease-out,padding .4s ease-out;padding:0 25px 0 85px}.accordion-item.active .accordion-content{max-height:500px;padding:20px 25px 10px 85px}.accordion-content ul{list-style-position:inside;list-style-type:disc}.accordion-content ul li{font-size:1rem;color:#555;margin-bottom:10px}.why-choose-footer{text-align:center;margin-top:40px;font-size:1.1rem;color:#333;max-width:700px;margin-left:auto;margin-right:auto}

.milestones-section{padding:80px 0;background-color:var(--color-dark);color:var(--color-light)}.milestones-header{text-align:center;margin-bottom:60px}.milestones-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;text-align:center}.milestone-card{background-color:#1D2939;padding:40px 20px;border-radius:10px;border:1px solid #344054;transition:transform 0.3s ease,box-shadow 0.3s ease;flex:1 1 300px;max-width:350px;min-width:250px}.milestone-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.milestone-card i{font-size:2.5rem;color:var(--color-primary);margin-bottom:15px}.milestone-number{font-size:3rem;font-weight:700;margin-bottom:5px;color:var(--color-light)}.milestone-label{font-size:1rem;color:var(--color-text-light);opacity:0.9}

.testimonial-section { background-color: var(--color-light); padding: 80px 0; }
.testimonial-section h2 { text-align: center; margin-bottom: 50px; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.testimonial-card { background-color: var(--color-bg-light); padding: 30px; border-radius: 10px; border: 1px solid #e0e0e0; display: flex; flex-direction: column; }
.testimonial-card .stars { color: #FABB05; margin-bottom: 20px; font-size: 1.1rem; }
.testimonial-card .quote { font-style: italic; margin-bottom: 25px; flex-grow: 1; line-height: 1.7; }
.testimonial-card .author { display: flex; align-items: center; gap: 15px; margin-top: auto; }
.testimonial-card .author img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }
.author-info .name { display: block; font-weight: 600; }
.author-info .title { display: block; font-size: 0.9rem; color: #667085; }

.lead-magnet-section{padding:80px 0;background-color:var(--color-bg-light)}.lead-magnet-content{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}.lead-magnet-image img{width:100%;max-width:400px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.lead-magnet-text h2{margin-bottom:20px}.lead-magnet-text p{font-size:1.1rem;color:#555;margin-bottom:30px}.email-form{display:flex;gap:10px}.email-form input[type="email"]{flex-grow:1;padding:15px;font-size:1rem;border:1px solid #ccc;border-radius:8px}.email-form button{border:none;white-space:nowrap}

.podcast-section{padding:80px 0;background-color:var(--color-dark);text-align:center;color:var(--color-light)}.podcast-icon{font-size:3rem;color:var(--color-primary);margin-bottom:20px}.podcast-section h3{font-size:2rem;margin-bottom:15px}.podcast-section p{color:var(--color-text-light);max-width:600px;margin:0 auto 30px auto}
.podcast-section .btn-secondary { color: var(--color-light); border-color: var(--color-light); }
.podcast-section .btn-secondary:hover { background-color: var(--color-light); color: var(--color-dark); }

.process-section{padding:80px 0;background-color:var(--color-light)}.process-header{text-align:center;margin-bottom:50px}.process-container{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:flex-start}.process-step{padding:20px;border:1px solid #e0e0e0;border-left:5px solid #e0e0e0;border-radius:8px;margin-bottom:15px;cursor:pointer;transition:all .3s ease}.process-step:hover{background-color:var(--color-bg-light);border-left-color:var(--color-primary)}.process-step.active{background-color:var(--color-bg-light);border-color:var(--color-primary);transform:scale(1.03);box-shadow:0 4px 15px rgba(0,119,182,0.1)}.step-counter{font-size:.9rem;font-weight:600;color:var(--color-primary);margin-bottom:5px}.step-title{font-size:1.2rem;font-weight:600;color:var(--color-text-dark)}.content-block{display:none;animation:fadeIn .5s ease-in-out}.content-block.active{display:block}.content-block h3{font-size:1.8rem;margin-bottom:15px}.content-block p{font-size:1.1rem;line-height:1.7;color:#555}.process-image{margin-top:30px}.process-image img{width:100%;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.blog-section{padding:80px 0;background-color:var(--color-bg-light)}.blog-header{text-align:center;margin-bottom:60px}.blog-header p{font-size:1.2rem;color:#555;margin-top:10px}.view-all-posts{text-align:center;margin-top:50px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.blog-card{background-color:var(--color-light);border-radius:10px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.blog-card a{display:block;text-decoration:none;color:var(--color-text-dark);height:100%}.card-image{overflow:hidden;height:200px;border-bottom:1px solid #e0e0e0}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease-out}.blog-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:25px;text-align:left}.card-content h3{font-size:1.5rem;margin-bottom:10px;line-height:1.3}.card-content .excerpt{font-size:.95rem;color:#555;margin-bottom:15px}.read-more{font-size:.9rem;color:var(--color-primary);font-weight:500;display:flex;align-items:center;margin-top:auto}.read-more i{margin-left:8px;transition:transform .3s ease-in-out}.blog-card a:hover .read-more i{transform:translateX(5px)}

.final-cta-section { background-color: var(--color-primary); color: var(--color-light); text-align: center; }
.final-cta-section h2 { margin-bottom: 30px; }
.final-cta-section .btn-primary { background-color: var(--color-light); color: var(--color-primary); }

/* 6. Page-Specific Styles */
.course-page .course-hero-detailed{padding:60px 0;background-color:var(--color-dark);text-align:center;color:var(--color-light)}.course-page .course-hero-detailed h1{color:var(--color-light);margin-bottom:30px}.course-meta-details{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 40px;margin-top:30px;font-size:1.1rem;color:var(--color-text-light)}.course-meta-details span{display:flex;align-items:center;gap:10px}.course-meta-details .price{font-weight:700}.course-page .course-main-content{padding:80px 0}.course-details h2{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.service-description-box{background-color:var(--color-bg-light);padding:25px;border-radius:8px;margin-bottom:40px}.service-description-box p{line-height:1.7;margin-bottom:10px !important}.plan-accordion .accordion-item{border-bottom:1px solid #e0e0e0}.plan-accordion .accordion-item:first-child{border-top:1px solid #e0e0e0}.plan-accordion .accordion-button{width:100%;background:0 0;border:none;padding:20px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.plan-accordion .accordion-button span{font-size:1.1rem;font-weight:600;color:var(--color-text-dark)}.plan-accordion .icon-toggle{font-size:1rem;color:var(--color-primary);transition:transform .4s ease}.plan-accordion .accordion-item.active .icon-toggle{transform:rotate(45deg)}.plan-accordion .accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.plan-accordion .accordion-content p{font-size:.95rem;line-height:1.8;color:#555;padding:0 10px 20px;white-space:pre-wrap}.course-cta-video-section{padding:0 0 80px;background-color:var(--color-light)}.cta-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.cta-box{background-color:var(--color-bg-light);border:1px solid #e0e0e0;padding:30px;border-radius:10px;text-align:center}.cta-box .btn{display:block;width:100%}.cta-box .btn-primary{margin-top:15px}.cta-box:hover .btn-secondary{opacity:1;transform:translateY(0);max-height:60px;visibility:visible;border-width:2px;padding-top:12px;padding-bottom:12px}.cta-box .btn-secondary{opacity:0;transform:translateY(-10px);max-height:0;padding-top:0;padding-bottom:0;border-width:0;overflow:hidden;visibility:hidden;transition:all .4s ease-in-out}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border-radius:10px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.course-testimonials{padding:80px 0;background-color:var(--color-bg-light)}.course-testimonials h2{text-align:center;margin-bottom:50px}
.upcoming-sessions-section{padding:80px 0;background-color:var(--color-bg-light)}.upcoming-sessions-section h2{text-align:center;margin-bottom:50px}.sessions-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.session-card{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;background-color:#fff;padding:20px;border-radius:8px;border:1px solid #e0e0e0;gap:20px}.session-date{text-align:center}.session-date .day{display:block;font-size:.9rem;color:#555}.session-date .date-num{display:block;font-size:1.5rem;font-weight:600;color:var(--color-text-dark)}.session-time .time{font-weight:600}.session-time .timezone{display:block;font-size:.8rem;color:#777}.session-book{text-align:right}
.single-post-section{padding:80px 0}.post-container{max-width:800px;margin:0 auto}.post-title{font-size:3rem;margin-bottom:20px;line-height:1.2}.post-meta{color:#777;margin-bottom:30px;font-size:.9rem}.post-featured-image{margin-bottom:40px}.post-featured-image img{width:100%;border-radius:10px}.post-content{font-size:1.1rem;line-height:1.8;color:#333}.back-to-blog{margin-top:50px;border-top:1px solid #eee;padding-top:30px}
.social-share{margin:40px 0;padding-top:30px;border-top:1px solid #eee;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.social-share h4{margin-right:10px;font-size:1rem}.share-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;padding:8px 15px;border-radius:5px;font-size:.9rem;transition:opacity .3s ease}.share-btn:hover{opacity:.8}.share-btn.linkedin{background-color:#0077B5}.share-btn.twitter{background-color:#1DA1F2}.share-btn.whatsapp{background-color:#25D366}
.related-posts-section{padding:80px 0;background-color:var(--color-bg-light);border-top:1px solid #eee}.related-posts-section h2{text-align:center;margin-bottom:50px}

/* 7. Floating WhatsApp Button */
.whatsapp-container{position:fixed;bottom:25px;right:25px;z-index:1000}.whatsapp-fl-btn{width:60px;height:60px;background-color:#25D366;color:#FFF;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;box-shadow:2px 2px 10px rgba(0,0,0,0.2);transition:transform .3s ease;text-decoration:none}.whatsapp-fl-btn:hover{transform:scale(1.1);color:#FFF}.whatsapp-tooltip{position:absolute;top:50%;right:75px;transform:translateY(-50%);background-color:#333;color:#fff;padding:8px 15px;border-radius:6px;white-space:nowrap;font-size:.9rem;font-weight:500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.whatsapp-container:hover .whatsapp-tooltip{opacity:1;visibility:visible}

/* ==============================================
    RESPONSIVE STYLES (Consolidated)
==============================================
*/
@media (max-width:992px){h1{font-size:2.8rem}h2{font-size:2rem}.hero-content{flex-direction:column;text-align:center}.hero-text{order:2}.hero-image{order:1;text-align:center;margin-bottom:30px}.hero-image img{max-width:80%}.hero-text ul{display:inline-block;text-align:left}.testimonial-grid{grid-template-columns:1fr}.modules-grid{grid-template-columns:repeat(2,1fr)}.lead-magnet-content{grid-template-columns:1fr;text-align:center}.lead-magnet-image{margin-bottom:40px}.lead-magnet-image img{margin:0 auto}.cta-video-grid{grid-template-columns:1fr}.process-container{grid-template-columns:1fr;}}
@media (max-width:768px){section{padding:60px 0}h1{font-size:2.2rem}.menu-toggle{display:block}.desktop-only{display:none}.mobile-only{display:block}.nav-links{position:absolute;top:73px;left:0;width:100%;background-color:var(--color-dark);flex-direction:column;align-items:center;gap:0;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.nav-links.active{max-height:500px;border-bottom:1px solid #344054}.nav-links li{width:100%;text-align:center}.nav-links a{padding:20px;display:block;width:100%}.nav-links .mobile-only .btn{width:calc(100% - 40px);margin:20px}.hero-image img{max-width:100%}.approach-cards{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{justify-content:center;text-align:center}.blog-grid{grid-template-columns:1fr}.blog-card{text-align:left}.card-content{padding:20px}.card-content h3{font-size:1.3rem}.process-steps{display:flex;overflow-x:auto;gap:15px;padding-bottom:15px;margin-bottom:30px}.process-step{flex:0 0 200px;margin-bottom:0}.button-content{gap:15px}.button-content i{font-size:1.5rem}.button-content span{font-size:1rem}.accordion-button{padding:15px}.accordion-content,.accordion-item.active .accordion-content{padding-left:20px;padding-right:20px}.accordion-item.active .accordion-content{padding-top:15px;padding-bottom:5px}.milestone-card{flex-basis:100%}.milestone-number{font-size:2.5rem}.milestone-label{font-size:.9rem}.email-form{flex-direction:column}.whatsapp-fl-btn{width:50px;height:50px;font-size:1.8rem;bottom:15px;right:15px}.whatsapp-tooltip{display:none}.service-image{height:200px}.modules-grid{grid-template-columns:1fr}.session-card{grid-template-columns:1fr;text-align:center}.session-book{text-align:center;margin-top:10px}}