/* ═══════════════════════════════════════════════════════════════
   MENTOR DIRECTORY PRO — Main Stylesheet v2.1 (Gold Edition)
   Đồng bộ màu với theme mentor-theme-v2 (Gold palette)
   Font: Inter (body) + Inter (headings)
   Palette: Orange (#F97316) · Ink (#0F2B46) · White · Off-white
   Fixed: overflow, color conflicts, professional single page
═══════════════════════════════════════════════════════════════ */

:root {
  --md-gold:           #F97316;
  --md-gold-dark:      #C2410C;
  --md-gold-light:     #FDBA74;
  --md-gold-pale:      #FFF7ED;
  --md-gold-border:    #FED7AA;
  --md-gold-shimmer:   #FFEDD5;
  --md-ink:            #0F2B46;
  --md-ink-2:          #173B63;
  --md-ink-3:          #5B708B;
  --md-ink-4:          #8CA1BA;
  --md-line:           #D9E2EC;
  --md-line-2:         #F5F0E8;
  --md-bg:             #F7F4EE;
  --md-white:          #FFFFFF;
  --md-off-white:      #FAFAF8;
  --md-success:        #22C55E;
  --md-success-bg:     #F0FAF4;
  --md-success-text:   #1A6B3C;
  --md-success-border: #B8E6CC;
  --md-warning:        #F59E0B;
  --md-warning-bg:     #FFF8ED;
  --md-warning-text:   #92400E;
  --md-danger:         #EF4444;
  --md-danger-bg:      #FEE2E2;
  --md-danger-text:    #991B1B;
  /* Legacy aliases */
  --primary:           #F97316;
  --primary-dark:      #C2410C;
  --primary-light:     #FFF7ED;
  --accent:            #F97316;
  --accent-light:      #FFF7ED;
  --success:           #22C55E;
  --danger:            #EF4444;
  --warning:           #F59E0B;
  --navy:              #0F2B46;
  --slate:             #173B63;
  --gray-800:          #0F2B46;
  --gray-700:          #173B63;
  --gray-600:          #5B708B;
  --gray-500:          #5B708B;
  --gray-400:          #8CA1BA;
  --gray-200:          #D9E2EC;
  --gray-100:          #F5F0E8;
  --gray-50:           #F7F4EE;
  --white:             #FFFFFF;
  --font-body:         'Inter', system-ui, -apple-system, sans-serif;
  --font-heading:      'Inter', system-ui, -apple-system, sans-serif;
  --radius-sm:         6px;
  --radius:            10px;
  --radius-lg:         14px;
  --radius-xl:         20px;
  --shadow-sm:         0 1px 4px rgba(26,24,20,.06);
  --shadow:            0 2px 12px rgba(26,24,20,.08);
  --shadow-md:         0 4px 24px rgba(26,24,20,.10);
  --shadow-lg:         0 4px 24px rgba(26,24,20,.10);
  --transition:        all .2s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto;display:block}
input,textarea,select{font-family:'Inter',system-ui,sans-serif;max-width:100%}

.md-container{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);width:100%}

/* BUTTONS */
.btn-primary,.btn-book-now,.btn-submit-expert,.btn-save-profile,
.btn-register-expert,.btn-cta-primary,.btn-next-step,.btn-search,
.btn-pkg,.btn-course,.btn-submit-contact,.btn-view-live{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#F97316;color:#FFFFFF;
  font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:.875rem;
  padding:11px 22px;border-radius:6px;border:none;cursor:pointer;
  transition:all .2s ease;text-align:center;line-height:1.4;
  white-space:nowrap;text-decoration:none;
}
.btn-primary:hover,.btn-book-now:hover,.btn-submit-expert:hover,
.btn-save-profile:hover,.btn-register-expert:hover,.btn-cta-primary:hover,
.btn-next-step:hover,.btn-search:hover,.btn-pkg:hover,.btn-course:hover,
.btn-submit-contact:hover,.btn-view-live:hover{
  background:#C2410C;color:#FFFFFF;
  transform:translateY(-1px);box-shadow:0 8px 32px rgba(249,115,22,.14);
}
.btn-load-more{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#FFFFFF;color:#F97316;border:1.5px solid #FED7AA;
  font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:.875rem;
  padding:11px 28px;border-radius:6px;cursor:pointer;transition:all .2s ease;
}
.btn-load-more:hover{background:#F97316;color:#FFFFFF;border-color:#F97316}

.btn-outline,.btn-cta-outline,.btn-prev-step,.btn-contact-expert{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;color:#C2410C;
  font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:.875rem;
  padding:10px 22px;border-radius:6px;border:1.5px solid #FED7AA;
  cursor:pointer;transition:all .2s ease;text-decoration:none;
}
.btn-outline:hover,.btn-prev-step:hover,.btn-contact-expert:hover{
  background:#FFF7ED;color:#C2410C;border-color:#F97316;
}
.btn-cta-outline{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.3)}
.btn-cta-outline:hover{background:rgba(255,255,255,.1);color:#FFFFFF}

.btn-view-profile,.md-btn--primary{
  display:inline-flex;align-items:center;justify-content:center;
  background:#0F2B46;color:#FFFFFF;
  padding:8px 16px;border-radius:6px;
  font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600;
  transition:all .2s ease;text-decoration:none;border:none;cursor:pointer;
}
.btn-view-profile:hover,.md-btn--primary:hover{background:#F97316;color:#FFFFFF}
.md-btn--outline{
  display:inline-flex;align-items:center;
  background:transparent;color:#173B63;border:1.5px solid #D9E2EC;
  border-radius:6px;padding:7px 13px;
  font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600;
  transition:all .2s ease;text-decoration:none;cursor:pointer;
}
.md-btn--outline:hover{border-color:#F97316;color:#C2410C}
.btn-full-edit{
  display:block;text-align:center;background:#F5F0E8;color:#173B63;
  padding:10px;border-radius:6px;
  font-family:'Inter',system-ui,sans-serif;font-size:.875rem;font-weight:600;
  transition:all .2s ease;text-decoration:none;
}
.btn-full-edit:hover{background:#FFF7ED;color:#C2410C}
.btn-prod{
  background:#F5F0E8;color:#173B63;
  padding:6px 14px;border-radius:6px;
  font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600;
  transition:all .2s ease;text-decoration:none;white-space:nowrap;
  border:none;cursor:pointer;
}
.btn-prod:hover{background:#F97316;color:#FFFFFF}

/* HERO SECTION */
.md-hero{
  position:relative;background:#0F2B46;
  padding:clamp(60px,10vw,100px) clamp(16px,4vw,48px) clamp(50px,8vw,80px);
  text-align:center;overflow:hidden;min-height:480px;
  display:flex;align-items:center;justify-content:center;
}
.md-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 70%,rgba(201,168,76,.12) 0%,transparent 60%),
             radial-gradient(ellipse at 70% 20%,rgba(201,168,76,.06) 0%,transparent 50%);
  pointer-events:none;
}
.md-hero-inner{position:relative;z-index:2;max-width:680px;margin:0 auto}
.md-hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.25);
  color:#FDBA74;border-radius:4px;padding:6px 14px;
  font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
  margin-bottom:24px;
}
.md-hero-title{
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(2rem,5vw,3.2rem);font-weight:600;
  color:#FFFFFF;line-height:1.1;margin-bottom:18px;letter-spacing:-.5px;
}
.md-gradient-text{color:#FDBA74;-webkit-text-fill-color:#FDBA74}
.md-hero-sub{color:rgba(255,255,255,.55);font-size:1rem;line-height:1.7;margin-bottom:36px}
.md-hero-search{
  display:flex;align-items:center;background:#FFFFFF;
  border-radius:10px;padding:6px 6px 6px 18px;gap:10px;
  max-width:520px;margin:0 auto 36px;
  box-shadow:0 8px 40px rgba(0,0,0,.25);overflow:hidden;
}
.md-hero-search i{color:#8CA1BA;font-size:1rem;flex-shrink:0}
.md-hero-search input{
  flex:1;border:none;outline:none;
  font-family:'Inter',system-ui,sans-serif;font-size:.9rem;
  color:#0F2B46;background:transparent;min-width:0;
}
.md-hero-search input::placeholder{color:#8CA1BA}
.md-hero-stats{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.hstat{padding:0 24px;text-align:center}
.hstat strong{
  display:block;font-family:'Inter',system-ui,sans-serif;
  font-size:1.8rem;font-weight:600;color:#FFFFFF;
}
.hstat span{font-size:.72rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}
.hstat-divider{width:1px;height:36px;background:rgba(255,255,255,.12)}
.md-hero-decoration{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.deco-circle{position:absolute;border-radius:50%;border:1px solid rgba(249,115,22,.08)}
.deco-1{width:500px;height:500px;top:-180px;right:-120px}
.deco-2{width:350px;height:350px;bottom:-130px;left:-80px;background:rgba(201,168,76,.04);border:none}
.deco-3{width:180px;height:180px;top:40px;left:8%;border:1px solid rgba(201,168,76,.1)}

/* FEATURED SECTION */
.md-featured-section{padding:64px 0 32px;overflow:hidden}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.section-head h2{font-family:'Inter',system-ui,sans-serif;font-size:1.6rem;font-weight:600;color:#0F2B46}
.link-all{
  font-family:'Inter',system-ui,sans-serif;font-weight:600;color:#F97316;font-size:.85rem;
  border-bottom:1px solid rgba(249,115,22,.3);padding-bottom:1px;
  transition:color .15s;text-decoration:none;
}
.link-all:hover{color:#C2410C}
.md-featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}

/* LISTING LAYOUT */
.md-listing-section{padding:40px 0 80px;background:#F7F4EE;overflow:hidden}
.md-listing-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}

/* FILTERS SIDEBAR */
.md-filters-sidebar{
  background:#FFFFFF;border-radius:20px;padding:22px;
  box-shadow:0 2px 12px rgba(26,24,20,.08);position:sticky;top:80px;
  border:1.5px solid #D9E2EC;
}
.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.filter-header h3{font-family:'Inter',system-ui,sans-serif;font-size:1rem;font-weight:600;color:#0F2B46}
.btn-clear-filters{font-family:'Inter',system-ui,sans-serif;font-size:.75rem;color:#F97316;background:none;border:none;cursor:pointer;font-weight:600}
.btn-clear-filters:hover{color:#C2410C}
.filter-group{margin-bottom:20px}
.filter-label{display:block;font-size:.72rem;font-weight:600;color:#5B708B;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.md-select{
  width:100%;padding:9px 32px 9px 12px;
  border:1.5px solid #D9E2EC;border-radius:6px;
  font-family:'Inter',system-ui,sans-serif;font-size:.875rem;
  color:#0F2B46;background:#FFFFFF;cursor:pointer;outline:none;transition:border-color .2s;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ADA99E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;
}
.md-select:focus{border-color:#F97316}
.md-select-sm{width:auto;padding:7px 28px 7px 10px;font-size:.8rem}
.checkbox-group{display:flex;flex-direction:column;gap:8px}
.check-item{display:flex;align-items:center;gap:9px;cursor:pointer;font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#173B63}
.check-item input[type="checkbox"]{width:15px;height:15px;accent-color:#F97316;cursor:pointer}
.skill-cloud{display:flex;flex-wrap:wrap;gap:6px}
.skill-tag-btn{
  background:#FAFAF8;color:#173B63;border:1px solid #D9E2EC;
  padding:4px 11px;border-radius:20px;
  font-family:'Inter',system-ui,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;
}
.skill-tag-btn:hover,.skill-tag-btn.active{background:#FFF7ED;color:#C2410C;border-color:#FED7AA}
.filter-cta{background:#FFF7ED;border-radius:10px;padding:18px;text-align:center;border:1px solid #FED7AA}
.filter-cta h4{font-weight:600;color:#0F2B46;margin-bottom:6px;font-size:.9rem}
.filter-cta p{font-size:.8rem;color:#5B708B;margin-bottom:12px;line-height:1.5}

/* RESULTS BAR */
.md-results-bar{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:20px;padding:12px 18px;
  background:#FFFFFF;border-radius:10px;border:1.5px solid #D9E2EC;
  flex-wrap:wrap;gap:10px;
}
.results-count{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#5B708B}
.count-num{font-family:'Inter',system-ui,sans-serif;font-size:1.25rem;font-weight:600;color:#0F2B46;margin-right:2px}
.results-controls{display:flex;align-items:center;gap:10px}
.view-toggle{display:flex;gap:4px}
.view-btn{background:none;border:1.5px solid #D9E2EC;color:#8CA1BA;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}
.view-btn.active,.view-btn:hover{background:#FFF7ED;border-color:#F97316;color:#C2410C}
.md-active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.active-filter-tag{
  display:inline-flex;align-items:center;gap:5px;
  background:#FFF7ED;color:#C2410C;padding:3px 10px;border-radius:20px;
  font-family:'Inter',system-ui,sans-serif;font-size:.75rem;font-weight:600;
  border:1px solid #FED7AA;
}
.active-filter-tag button{background:none;border:none;cursor:pointer;color:inherit;font-size:.85rem;line-height:1}

/* EXPERT CARD */
.md-experts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.md-experts-grid.list-view{grid-template-columns:1fr}
.md-expert-card,.md-card{
  background:#FFFFFF;border-radius:20px;border:1.5px solid #D9E2EC;
  overflow:hidden;transition:all .22s;position:relative;
  display:flex;flex-direction:column;gap:0;
}
.md-expert-card::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:3px;background:transparent;transition:all .2s ease;
}
.md-expert-card:hover,.md-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 32px rgba(249,115,22,.14);
  border-color:#FED7AA;
}
.md-expert-card:hover::before{background:linear-gradient(90deg,#F97316 0%,#FDBA74 100%)}
.md-expert-card.is-featured,.md-card.md-card--featured{border-color:#FED7AA}
.card-featured-badge,.md-card__badge{
  position:absolute;top:16px;right:0;z-index:10;
  background:#F97316;color:#FFFFFF;
  font-family:'Inter',system-ui,sans-serif;font-size:.68rem;font-weight:600;
  padding:4px 12px 4px 10px;border-radius:4px 0 0 4px;
  letter-spacing:.5px;text-transform:uppercase;
}
.card-header{padding:20px 20px 0;display:flex;gap:13px;align-items:flex-start}
.card-avatar{position:relative;flex-shrink:0}
.card-avatar img,.md-card__avatar{
  width:56px;height:56px;border-radius:50%;object-fit:cover;
  border:2px solid #FED7AA;background:#FFF7ED;
}
.avail-dot{position:absolute;bottom:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#22C55E;border:2px solid #FFFFFF}
.verified-icon,.md-card__verified{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;background:#F97316;color:#FFFFFF;border-radius:50%;
  font-size:.6rem;font-weight:600;margin-left:4px;border:2px solid #FFFFFF;
}
.card-identity{flex:1;min-width:0}
.card-name,.md-card__name{
  font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:.95rem;
  color:#0F2B46;margin-bottom:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.card-role{font-size:.77rem;color:#C2410C;font-weight:600;margin-bottom:2px}
.card-loc{font-size:.74rem;color:#8CA1BA}
.card-tagline,.md-card__tagline{
  font-size:.8rem;color:#5B708B;line-height:1.55;padding:10px 20px 0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.card-fields,.md-card__tags{display:flex;flex-wrap:wrap;gap:5px;padding:10px 20px 0}
.card-field-tag{
  background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;
  border-radius:20px;padding:3px 10px;
  font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600;transition:all .2s ease;
}
.card-field-tag:hover{background:#F97316;color:#FFFFFF;border-color:#F97316}
.md-tag{background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600}
.md-tag--skill,.card-skill{background:#FAFAF8;color:#5B708B;border:1px solid #D9E2EC;border-radius:20px;padding:2px 9px;font-size:.71rem}
.md-tag--more,.card-skill-more{border-style:dashed}
.card-skills,.md-card__skills{display:flex;flex-wrap:wrap;gap:5px;padding:8px 20px 0}
.card-stats{display:flex;gap:0;padding:14px 20px 0;border-top:1px solid #D9E2EC;margin-top:14px}
.card-stats .stat{flex:1;text-align:center}
.card-stats .stat:not(:last-child){border-right:1px solid #D9E2EC}
.stat-val{display:block;font-family:'Inter',system-ui,sans-serif;font-size:1.1rem;font-weight:600;color:#C2410C}
.stat-label{display:block;font-size:.71rem;color:#8CA1BA;margin-top:1px}
.card-footer,.md-card__footer{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 20px 18px;margin-top:auto;flex-wrap:wrap;gap:8px;
}
.card-actions,.md-card__actions{display:flex;align-items:center;gap:8px}
.badge-intro,.badge-free-intro{
  font-family:'Inter',system-ui,sans-serif;font-size:.72rem;
  color:#1A6B3C;font-weight:600;background:#F0FAF4;
  padding:3px 8px;border-radius:20px;border:1px solid #B8E6CC;
}
.md-card__price{font-family:'Inter',system-ui,sans-serif;font-size:.9rem;font-weight:600;color:#0F2B46}
.md-card__price-from{font-size:.72rem;font-weight:400;color:#8CA1BA;margin-right:2px}
.card-rating{display:flex;align-items:center;gap:3px;font-size:.77rem;font-weight:600;color:#173B63}
.card-star{color:#F97316;font-size:.75rem}

/* BADGES */
.md-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600}
.badge-available{background:#F0FAF4;color:#1A6B3C;border:1px solid #B8E6CC}
.badge-limited{background:#FFF8ED;color:#92400E}
.badge-unavailable{background:#F5F0E8;color:#8CA1BA}

/* LOAD MORE / PAGINATION */
.md-pagination{text-align:center;padding:32px 0 0}
.md-loading{text-align:center;padding:40px}
.loading-spinner{
  width:38px;height:38px;border:2.5px solid #FFF7ED;
  border-top-color:#F97316;border-radius:50%;
  animation:md-spin .8s linear infinite;margin:0 auto;
}
@keyframes md-spin{to{transform:rotate(360deg)}}
.md-no-results{text-align:center;padding:60px;color:#8CA1BA}
.md-no-results .icon{font-size:3rem;display:block;margin-bottom:12px}

/* CTA BANNER */
.md-cta-banner{padding:72px 0;background:#0F2B46;overflow:hidden}
.cta-inner{
  max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.cta-text h2{font-family:'Inter',system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#FFFFFF;margin-bottom:8px}
.cta-text p{color:rgba(255,255,255,.5);font-size:.95rem}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}

/* SINGLE EXPERT PAGE */
.expert-cover{
  height:160px;position:relative;
  background:linear-gradient(135deg,#F97316 0%,#FDBA74 50%,#F97316 100%);
  background-size:cover;background-position:center;overflow:hidden;
}
.expert-cover::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(139,105,20,.1),rgba(139,105,20,.25));
}
.expert-cover::before{
  content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;height:3px;
  background:linear-gradient(90deg,#F97316 0%,#FDBA74 100%);
}
.cover-overlay{position:absolute;inset:0}
.md-single-page .md-container{padding-top:0}
.expert-hero-card{
  background:#FFFFFF;border-radius:20px;padding:28px 32px;
  margin-top:-72px;position:relative;z-index:10;
  display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;
  box-shadow:0 4px 24px rgba(26,24,20,.10);
  border:1.5px solid #D9E2EC;border-top-color:#FED7AA;margin-bottom:28px;
}
.expert-avatar-wrap{position:relative;flex-shrink:0}
.expert-avatar-img{
  width:110px;height:110px;border-radius:14px;object-fit:cover;
  border:3px solid #FFFFFF;box-shadow:0 4px 24px rgba(26,24,20,.10);
}
.expert-avatar-wrap .md-badge{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);white-space:nowrap;box-shadow:0 1px 4px rgba(26,24,20,.06)}
.expert-name{
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;
  color:#0F2B46;margin-bottom:5px;line-height:1.15;
}
.expert-verified{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;background:#F97316;color:#FFFFFF;border-radius:50%;
  font-size:.7rem;font-weight:600;margin-left:8px;vertical-align:middle;
}
.expert-featured-badge{
  background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;
  padding:3px 12px;border-radius:20px;
  font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600;
  margin-left:8px;vertical-align:middle;
}
.expert-role-company{font-family:'Inter',system-ui,sans-serif;font-size:1rem;color:#5B708B;margin-bottom:10px;font-weight:500}
.expert-tagline-hero{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;color:#173B63;margin-bottom:14px;line-height:1.65;font-style:italic}
.expert-meta-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.meta-tag{
  display:inline-flex;align-items:center;gap:5px;
  background:#F5F0E8;color:#5B708B;padding:4px 11px;border-radius:20px;
  font-family:'Inter',system-ui,sans-serif;font-size:.78rem;font-weight:500;
}
.meta-tag i{font-size:.7rem;color:#F97316}
.meta-tag-field{background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;font-weight:600;transition:all .2s ease}
.meta-tag-field:hover{background:#F97316;color:#FFFFFF;border-color:#F97316}
.expert-stats-bar{display:flex;gap:0;background:#F7F4EE;border-radius:10px;overflow:hidden;border:1px solid #D9E2EC}
.estat{flex:1;text-align:center;padding:14px 8px}
.estat+.estat{border-left:1px solid #D9E2EC}
.estat-val{display:block;font-family:'Inter',system-ui,sans-serif;font-size:1.4rem;font-weight:600;color:#C2410C;line-height:1}
.estat span:last-child{font-family:'Inter',system-ui,sans-serif;font-size:.7rem;color:#8CA1BA;text-transform:uppercase;letter-spacing:.05em}
.expert-cta-sidebar{display:flex;flex-direction:column;gap:10px;min-width:200px}
.btn-book-now{flex-direction:column;gap:2px;padding:14px 20px;font-size:.95rem;background:#F97316;box-shadow:0 8px 32px rgba(249,115,22,.14)}
.btn-book-now small{font-size:.75rem;opacity:.8;font-weight:400}
.btn-book-now:hover{background:#C2410C}

.md-social-links{display:flex;flex-wrap:wrap;gap:7px}
.md-social-btn{
  display:inline-flex;align-items:center;gap:5px;padding:6px 11px;
  border-radius:6px;font-family:'Inter',system-ui,sans-serif;font-size:.75rem;font-weight:600;
  background:#FAFAF8;color:#173B63;transition:all .2s ease;
  border:1px solid #D9E2EC;text-decoration:none;
}
.md-social-btn:hover{background:#F97316;color:#FFFFFF;border-color:#F97316;transform:translateY(-2px)}
.icon-linkedin:hover{background:#0A66C2;border-color:#0A66C2;color:#fff}
.icon-facebook:hover{background:#1877F2;border-color:#1877F2;color:#fff}
.icon-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#bc1888);border-color:#e1306c;color:#fff}
.icon-youtube:hover{background:#FF0000;border-color:#FF0000;color:#fff}
.icon-tiktok:hover{background:#000;border-color:#000;color:#fff}
.icon-github:hover{background:#333;border-color:#333;color:#fff}
.icon-twitter:hover{background:#000;border-color:#000;color:#fff}

/* TAB NAV */
.expert-tab-nav{
  display:flex;gap:2px;border-bottom:2px solid #D9E2EC;
  margin-bottom:32px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.expert-tab-nav::-webkit-scrollbar{display:none}
.tab-btn{
  padding:11px 20px;font-family:'Inter',system-ui,sans-serif;
  font-size:.875rem;font-weight:600;color:#5B708B;
  background:none;border:none;cursor:pointer;white-space:nowrap;
  border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;
}
.tab-btn:hover{color:#C2410C}
.tab-btn.active{color:#C2410C;border-bottom-color:#F97316}
.tab-pane{display:none;animation:md-fadeIn .25s ease}
.tab-pane.active{display:block}
@keyframes md-fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.expert-tab-nav.is-sticky{
  position:sticky;top:64px;z-index:100;background:#FFFFFF;
  box-shadow:0 2px 12px rgba(26,24,20,.08);
  padding:0 clamp(16px,4vw,48px);
  margin-left:calc(-1 * clamp(16px,4vw,48px));
  margin-right:calc(-1 * clamp(16px,4vw,48px));
}

/* TAB CONTENT */
.tab-grid-2{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}
.section-title-sm{font-family:'Inter',system-ui,sans-serif;font-size:1.1rem;font-weight:600;color:#0F2B46;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #D9E2EC}
.about-intro p{font-size:.95rem;color:#173B63;line-height:1.8;margin-bottom:20px}
.about-full{font-size:.9rem;line-height:1.8;color:#173B63}
.about-full h1,.about-full h2,.about-full h3{font-family:'Inter',system-ui,sans-serif;color:#0F2B46;margin:20px 0 10px}
.about-full p{margin-bottom:12px}
.about-full ul,.about-full ol{padding-left:20px;margin-bottom:12px}

.strengths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.strength-card{background:#F7F4EE;border-radius:10px;padding:18px;border:1.5px solid #D9E2EC;transition:all .2s ease}
.strength-card:hover{background:#FFF7ED;border-color:#FED7AA}
.strength-icon{font-size:1.5rem;margin-bottom:9px}
.strength-card h4{font-family:'Inter',system-ui,sans-serif;font-weight:600;color:#0F2B46;margin-bottom:5px;font-size:.9rem}
.strength-card p{font-size:.8rem;color:#5B708B;line-height:1.5}

.achievements-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.achievement-item{display:flex;gap:14px;align-items:flex-start;padding:13px;background:#F7F4EE;border-radius:10px;border:1px solid #D9E2EC}
.ach-year{background:#F97316;color:#FFFFFF;padding:3px 9px;border-radius:6px;font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600;flex-shrink:0}
.ach-content strong{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;font-weight:600;color:#0F2B46;display:block}
.ach-content span{font-family:'Inter',system-ui,sans-serif;font-size:.8rem;color:#5B708B}

.side-block{background:#FFFFFF;border:1.5px solid #D9E2EC;border-radius:14px;padding:20px;margin-bottom:18px}
.side-block h4{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;font-weight:600;color:#0F2B46;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #D9E2EC}
.skills-cloud{display:flex;flex-wrap:wrap;gap:7px}
.skill-pill{background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;padding:4px 11px;border-radius:20px;font-family:'Inter',system-ui,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s ease}
.skill-pill:hover{background:#F97316;color:#FFFFFF;border-color:#F97316}

.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.package-card{background:#FFFFFF;border:1.5px solid #D9E2EC;border-radius:14px;padding:26px;position:relative;transition:all .2s ease}
.package-card:hover{border-color:#FED7AA;transform:translateY(-3px);box-shadow:0 8px 32px rgba(249,115,22,.14)}
.package-popular{border-color:#F97316;background:#FFF7ED}
.pkg-popular-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#F97316;color:#FFFFFF;padding:3px 14px;border-radius:20px;font-family:'Inter',system-ui,sans-serif;font-size:.7rem;font-weight:600;white-space:nowrap}
.pkg-name{font-family:'Inter',system-ui,sans-serif;font-size:1.1rem;font-weight:600;color:#0F2B46;margin-bottom:7px}
.pkg-price{font-family:'Inter',system-ui,sans-serif;font-size:1.7rem;font-weight:600;color:#C2410C;margin-bottom:9px}
.pkg-meta{display:flex;gap:12px;margin-bottom:10px}
.pkg-meta span{font-family:'Inter',system-ui,sans-serif;font-size:.8rem;color:#5B708B;display:flex;align-items:center;gap:4px}
.pkg-meta i{color:#F97316}
.pkg-desc{font-family:'Inter',system-ui,sans-serif;font-size:.85rem;color:#5B708B;line-height:1.6;margin-bottom:18px}

.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.course-card{background:#FFFFFF;border:1.5px solid #D9E2EC;border-radius:14px;overflow:hidden;transition:all .2s ease}
.course-card:hover{box-shadow:0 8px 32px rgba(249,115,22,.14);transform:translateY(-3px);border-color:#FED7AA}
.course-thumb{aspect-ratio:16/9;overflow:hidden}
.course-thumb img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.course-card:hover .course-thumb img{transform:scale(1.04)}
.course-body{padding:16px}
.course-body h4{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;font-weight:600;color:#0F2B46;margin-bottom:5px}
.course-platform{background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;padding:2px 8px;border-radius:4px;font-family:'Inter',system-ui,sans-serif;font-size:.7rem;font-weight:600;display:inline-block;margin-bottom:7px}
.course-body p{font-family:'Inter',system-ui,sans-serif;font-size:.8rem;color:#5B708B;margin-bottom:10px;line-height:1.5}
.course-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.8rem;color:#8CA1BA}
.course-meta i{color:#F97316}
.course-footer{display:flex;align-items:center;justify-content:space-between}
.course-price{font-family:'Inter',system-ui,sans-serif;font-size:1.1rem;font-weight:600;color:#0F2B46}

.products-table{display:flex;flex-direction:column;gap:1px;background:#D9E2EC;border-radius:10px;overflow:hidden}
.product-row{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#FFFFFF}
.prod-info{flex:1;min-width:0}
.prod-info strong{font-family:'Inter',system-ui,sans-serif;font-size:.9rem;font-weight:600;color:#0F2B46;display:block}
.prod-type{font-family:'Inter',system-ui,sans-serif;font-size:.75rem;color:#8CA1BA}
.prod-price{font-family:'Inter',system-ui,sans-serif;font-weight:600;color:#C2410C;white-space:nowrap}

.timeline{position:relative;padding-left:26px}
.timeline::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:1.5px;background:#D9E2EC}
.timeline-item{position:relative;margin-bottom:26px}
.tl-dot{position:absolute;left:-26px;top:4px;width:16px;height:16px;background:#F97316;border-radius:50%;border:3px solid #FFFFFF;box-shadow:0 0 0 2px #F97316;z-index:1}
.tl-head{margin-bottom:3px}
.tl-head strong{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;font-weight:600;color:#0F2B46;display:block}
.tl-company{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#C2410C;font-weight:600}
.tl-date{font-family:'Inter',system-ui,sans-serif;font-size:.75rem;color:#8CA1BA;display:block;margin-bottom:6px}
.tl-content p{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#5B708B;line-height:1.6}

.edu-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;padding:13px;background:#F7F4EE;border-radius:10px;border:1px solid #D9E2EC}
.edu-logo{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.edu-item strong{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;font-weight:600;color:#0F2B46;display:block}
.edu-item span{font-family:'Inter',system-ui,sans-serif;font-size:.8rem;color:#5B708B;display:block}
.edu-year{font-family:'Inter',system-ui,sans-serif;font-size:.72rem;color:#8CA1BA}
.cert-item{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px}
.cert-item i{color:#F97316;font-size:1rem;flex-shrink:0;margin-top:2px}
.cert-item strong{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;font-weight:600;color:#0F2B46;display:block}
.cert-item span{font-family:'Inter',system-ui,sans-serif;font-size:.8rem;color:#5B708B;display:block}
.cert-verify{font-family:'Inter',system-ui,sans-serif;font-size:.75rem;color:#C2410C;font-weight:600}

.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.testimonial-card{background:#FFFFFF;border:1.5px solid #D9E2EC;border-radius:14px;padding:22px;transition:all .2s ease}
.testimonial-card:hover{box-shadow:0 8px 32px rgba(249,115,22,.14);border-color:#FED7AA}
blockquote{font-family:'Inter',system-ui,sans-serif;font-size:.9rem;color:#5B708B;line-height:1.7;margin-bottom:16px;font-style:italic;position:relative;padding-left:14px}
blockquote::before{content:'"';position:absolute;left:0;top:-6px;font-family:Georgia,serif;font-size:2.5rem;color:#FFF7ED;line-height:1}
.testi-author{display:flex;align-items:center;gap:11px}
.testi-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #FED7AA}
.testi-author strong{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;font-weight:600;color:#0F2B46;display:block}
.testi-author span{font-family:'Inter',system-ui,sans-serif;font-size:.75rem;color:#8CA1BA}
.md-stars{display:inline-flex;align-items:center;gap:2px}
.md-stars i{font-size:.8rem;color:#D9E2EC}
.md-stars i.filled{color:#F97316}
.rating-num{font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600;color:#173B63;margin-left:4px}

.md-video-wrap{position:relative;padding-top:56.25%;background:#0F2B46;border-radius:10px;overflow:hidden}
.md-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.gallery-item{border-radius:6px;overflow:hidden;aspect-ratio:1}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.gallery-item:hover img{transform:scale(1.05)}

/* CONTACT MODAL */
.md-modal{display:none;position:fixed;inset:0;z-index:9999}
.md-modal.open{display:flex;align-items:center;justify-content:center}
.modal-overlay{position:absolute;inset:0;background:rgba(26,24,20,.6);backdrop-filter:blur(4px)}
.modal-box{
  position:relative;background:#FFFFFF;border-radius:20px;padding:36px;
  width:100%;max-width:460px;margin:16px;
  box-shadow:0 4px 24px rgba(26,24,20,.10);
  animation:md-slideUp .3s ease;border-top:3px solid #F97316;
}
@keyframes md-slideUp{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-close{
  position:absolute;top:14px;right:14px;background:#F5F0E8;border:none;
  width:30px;height:30px;border-radius:50%;cursor:pointer;
  font-size:.8rem;color:#5B708B;transition:all .2s ease;
  display:flex;align-items:center;justify-content:center;
}
.modal-close:hover{background:#FEE2E2;color:#991B1B}
.modal-box h3{font-family:'Inter',system-ui,sans-serif;font-size:1.2rem;font-weight:600;color:#0F2B46;margin-bottom:20px}

/* SUBMIT FORM */
#md-submit-page{max-width:780px;margin:0 auto;padding:40px clamp(16px,4vw,48px) 80px}
.submit-hero{text-align:center;margin-bottom:44px}
.submit-hero h1{font-family:'Inter',system-ui,sans-serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;color:#0F2B46;margin-bottom:9px}
.submit-hero p{font-family:'Inter',system-ui,sans-serif;color:#5B708B;font-size:.95rem;margin-bottom:28px}
.submit-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.step{display:flex;align-items:center;gap:7px;font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600;color:#8CA1BA;padding:7px 14px}
.step span{width:26px;height:26px;background:#D9E2EC;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}
.step.active{color:#C2410C}
.step.active span{background:#F97316;color:#FFFFFF}
.step.done span{background:#22C55E;color:#FFFFFF}
.step-arrow{color:#8CA1BA;font-size:1rem}

.form-step{display:none}
.form-step.active{display:block;animation:md-fadeIn .3s ease}
.step-title{font-family:'Inter',system-ui,sans-serif;font-size:1.3rem;font-weight:600;color:#0F2B46;margin-bottom:24px;padding-bottom:14px;border-bottom:1.5px solid #D9E2EC}

.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600;color:#5B708B;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}
label.required::after{content:' *';color:#EF4444}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="url"],
.form-group input[type="number"],
.form-group textarea,
.form-group select{
  width:100%;padding:10px 13px;border:1.5px solid #D9E2EC;border-radius:6px;
  font-family:'Inter',system-ui,sans-serif;font-size:.875rem;
  color:#0F2B46;background:#FFFFFF;transition:border-color .2s;outline:none;
}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{
  border-color:#F97316;box-shadow:0 0 0 3px rgba(249,115,22,.08);
}
.form-group small{font-family:'Inter',system-ui,sans-serif;font-size:.72rem;color:#8CA1BA;margin-top:4px;display:block}
.char-counter{text-align:right;font-size:.72rem;color:#8CA1BA;margin-top:3px}

.avatar-upload-area{border:2px dashed #D9E2EC;border-radius:14px;padding:28px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}
.avatar-upload-area:hover{border-color:#F97316;background:#FFF7ED}
.avatar-upload-area input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-placeholder .upload-icon{font-size:2.2rem;display:block;margin-bottom:9px;color:#F97316}
.upload-placeholder p{font-family:'Inter',system-ui,sans-serif;font-size:.9rem;color:#173B63;margin-bottom:3px}
.upload-placeholder small{font-family:'Inter',system-ui,sans-serif;font-size:.75rem;color:#8CA1BA}
.avatar-preview{position:relative;display:inline-block}
.avatar-preview img{width:110px;height:110px;border-radius:10px;object-fit:cover}
.remove-avatar{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#EF4444;color:#FFFFFF;border:none;border-radius:50%;cursor:pointer;font-size:.7rem;z-index:1}

.field-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}
.field-check{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#FAFAF8;border:1.5px solid #D9E2EC;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#173B63}
.field-check:hover{border-color:#FED7AA;background:#FFF7ED}
.field-check input{width:15px;height:15px;accent-color:#F97316;cursor:pointer}
.field-check:has(input:checked){border-color:#F97316;background:#FFF7ED;color:#C2410C;font-weight:600}

.skill-input{margin-bottom:9px}
.skill-tags-display{display:flex;flex-wrap:wrap;gap:7px}
.skill-tag-item{display:inline-flex;align-items:center;gap:5px;background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;padding:4px 10px;border-radius:20px;font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600}
.skill-tag-item button{background:none;border:none;cursor:pointer;color:inherit;font-size:.85rem;line-height:1}

.toggle-label{display:flex;align-items:center;gap:11px;cursor:pointer;font-family:'Inter',system-ui,sans-serif;font-size:.9rem;font-weight:600;color:#173B63}
.toggle-label input{display:none}
.toggle-ui{width:44px;height:24px;background:#D9E2EC;border-radius:100px;position:relative;transition:all .2s ease;flex-shrink:0}
.toggle-ui::after{content:'';position:absolute;width:18px;height:18px;background:#FFFFFF;border-radius:50%;top:3px;left:3px;transition:all .2s ease;box-shadow:0 1px 4px rgba(26,24,20,.06)}
.toggle-label input:checked+.toggle-ui{background:#F97316}
.toggle-label input:checked+.toggle-ui::after{left:23px}

.step-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #D9E2EC}

.review-summary{background:#F7F4EE;border-radius:14px;padding:22px;margin-bottom:22px;border:1.5px solid #D9E2EC}
.review-row{display:flex;padding:8px 0;border-bottom:1px solid #D9E2EC}
.review-row:last-child{border-bottom:none}
.review-label{font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600;color:#8CA1BA;width:150px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}
.review-value{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#0F2B46}
.submit-note{background:#FFF7ED;border:1px solid #FED7AA;border-radius:10px;padding:13px 16px;font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#C2410C;display:flex;align-items:center;gap:9px;margin-bottom:22px}
.btn-submit-expert{width:100%;justify-content:center;padding:15px;font-size:.95rem}
.submit-result{margin-top:14px}
.submit-result.success{background:#F0FAF4;color:#1A6B3C;border:1px solid #B8E6CC;padding:13px 16px;border-radius:10px;font-weight:600}
.submit-result.error{background:#FEE2E2;color:#991B1B;padding:13px 16px;border-radius:10px;font-weight:600}

/* DASHBOARD */
#md-dashboard{max-width:1000px;margin:0 auto;padding:40px clamp(16px,4vw,48px)}
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px}
.dash-header h1{font-family:'Inter',system-ui,sans-serif;font-size:1.6rem;font-weight:600;color:#0F2B46}
.dash-status{display:flex;align-items:center;gap:10px}
.status-badge{padding:5px 14px;border-radius:20px;font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600}
.status-pending{background:#FFF8ED;color:#92400E}
.status-approved{background:#F0FAF4;color:#1A6B3C}
.status-rejected{background:#FEE2E2;color:#991B1B}
.dash-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}
.dash-card{background:#FFFFFF;border:1.5px solid #D9E2EC;border-radius:20px;padding:22px;margin-bottom:18px}
.dash-card h3{font-family:'Inter',system-ui,sans-serif;font-size:1rem;font-weight:600;color:#0F2B46;margin-bottom:18px}
.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dash-stat{text-align:center;padding:14px;background:#FFF7ED;border-radius:10px;border:1px solid #FED7AA}
.dstat-val{display:block;font-family:'Inter',system-ui,sans-serif;font-size:2rem;font-weight:600;color:#C2410C}
.profile-link-box{display:flex;gap:7px}
.profile-link-box input{flex:1;min-width:0;padding:8px 11px;border:1.5px solid #D9E2EC;border-radius:6px;font-family:'Inter',system-ui,sans-serif;font-size:.8rem;color:#5B708B;outline:none}
.profile-link-box button{background:#F97316;color:#FFFFFF;border:none;padding:8px 13px;border-radius:6px;font-family:'Inter',system-ui,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}
.completion-checklist{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
.completion-checklist li{font-family:'Inter',system-ui,sans-serif;font-size:.875rem;color:#8CA1BA}
.completion-checklist li.done{color:#1A6B3C}
.md-notice{background:#F7F4EE;border:1.5px solid #D9E2EC;border-radius:10px;padding:22px;text-align:center;font-family:'Inter',system-ui,sans-serif;font-size:.9rem;color:#5B708B}
.md-notice a{color:#F97316;font-weight:600}

/* FORM GENERAL */
#md-contact-form .form-group{margin-bottom:16px}
#md-contact-form label{display:block;font-family:'Inter',system-ui,sans-serif;font-size:.72rem;font-weight:600;color:#5B708B;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}
#md-contact-form input,#md-contact-form textarea{width:100%;padding:10px 13px;border:1.5px solid #D9E2EC;border-radius:6px;font-family:'Inter',system-ui,sans-serif;font-size:.875rem;outline:none;transition:border-color .2s}
#md-contact-form input:focus,#md-contact-form textarea:focus{border-color:#F97316;box-shadow:0 0 0 3px rgba(249,115,22,.08)}
.btn-submit-contact{width:100%;justify-content:center;padding:13px;font-size:.9rem}
.form-result{margin-top:10px;font-family:'Inter',system-ui,sans-serif;font-size:.875rem;text-align:center;font-weight:600}
.form-result.success{color:#1A6B3C}
.form-result.error{color:#991B1B}
#md-quick-edit-form .form-group{margin-bottom:16px}
.save-result{margin-top:10px;font-family:'Inter',system-ui,sans-serif;font-size:.875rem;font-weight:600}
.save-result.success{color:#1A6B3C}
.save-result.error{color:#991B1B}

/* WYSIWYG */
.wysiwyg-content{font-family:'Inter',system-ui,sans-serif;font-size:.9rem;line-height:1.8;color:#173B63}
.wysiwyg-content h2{font-family:'Inter',system-ui,sans-serif;font-size:1.2rem;font-weight:600;color:#0F2B46;margin:24px 0 10px}
.wysiwyg-content h3{font-family:'Inter',system-ui,sans-serif;font-size:1rem;font-weight:600;color:#0F2B46;margin:18px 0 8px}
.wysiwyg-content p{margin-bottom:14px}
.wysiwyg-content ul,.wysiwyg-content ol{padding-left:18px;margin-bottom:14px}
.wysiwyg-content li{margin-bottom:5px}
.wysiwyg-content a{color:#C2410C;text-decoration:underline}
.wysiwyg-content blockquote{border-left:3px solid #F97316;padding-left:16px;margin:18px 0;font-style:italic;color:#5B708B}
.wysiwyg-content img{border-radius:14px;margin:14px 0}

/* FIELD ERROR */
.field-error{font-family:'Inter',system-ui,sans-serif;display:block;font-size:.72rem;color:#991B1B;margin-top:3px}
input.invalid,textarea.invalid{border-color:#EF4444!important}
.form-group.focused label{color:#C2410C}

/* RESPONSIVE */
@media(max-width:1024px){
  .md-listing-layout{grid-template-columns:230px 1fr;gap:18px}
  .expert-hero-card{grid-template-columns:auto 1fr}
  .expert-cta-sidebar{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .tab-grid-2{grid-template-columns:1fr}
  .dash-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .md-listing-layout{grid-template-columns:1fr}
  .md-filters-sidebar{position:static}
  .expert-hero-card{grid-template-columns:1fr;text-align:center;padding:20px}
  .expert-avatar-wrap{margin:0 auto}
  .expert-meta-tags{justify-content:center}
  .expert-stats-bar{margin:0 auto}
  .form-grid-2{grid-template-columns:1fr}
  .packages-grid,.courses-grid{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;text-align:center}
  .md-hero-stats{gap:0}
  .hstat{padding:0 14px}
}
@media(max-width:480px){
  .md-container{padding:0 16px}
  .md-experts-grid{grid-template-columns:1fr}
  .md-hero{padding:56px 16px 44px;min-height:auto}
  .md-hero-search{flex-wrap:wrap;padding:8px 12px;gap:8px}
  .btn-search{width:100%}
  .hstat-divider{display:none}
  .submit-steps{display:none}
  .field-checkbox-grid{grid-template-columns:1fr}
  .expert-hero-card{margin-top:-48px}
  .tab-grid-2{grid-template-columns:1fr}
}

/* ── ARCHIVE COMPACT HEADER ───────────────────────────────── */
.archive-page-header{
  background:#0F2B46;padding:18px 0;
  border-bottom:3px solid #F97316;
}
.archive-page-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
.archive-page-title{
  display:flex;align-items:center;gap:8px;
  font-size:1.05rem;font-weight:600;color:#FFFFFF;margin:0 0 5px;
}
.archive-page-stats{
  display:flex;align-items:center;gap:8px;
  font-size:.8rem;color:rgba(255,255,255,.5);
}
.archive-page-stats strong{color:#FDBA74}
.archive-page-stats span{color:rgba(255,255,255,.25)}
.archive-page-search{flex-shrink:0}
.archive-search-row{
  display:flex;align-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:6px;padding:7px 7px 7px 14px;gap:8px;
  transition:border-color .2s;
}
.archive-search-row:focus-within{border-color:#F97316}
.archive-search-row svg{color:rgba(255,255,255,.35);flex-shrink:0}
.archive-search-row input{
  background:transparent;border:none;outline:none;
  font-family:'Inter',system-ui,sans-serif;
  font-size:.875rem;color:#FFFFFF;width:220px;
}
.archive-search-row input::placeholder{color:rgba(255,255,255,.35)}
.archive-search-btn{
  background:#F97316;color:#FFFFFF;border:none;
  padding:7px 16px;border-radius:4px;
  font-family:'Inter',system-ui,sans-serif;
  font-size:.82rem;font-weight:600;
  cursor:pointer;white-space:nowrap;transition:background .15s;
}
.archive-search-btn:hover{background:#C2410C}
@media(max-width:600px){
  .archive-page-header-inner{flex-direction:column;align-items:flex-start}
  .archive-search-row{width:100%}
  .archive-search-row input{width:100%;flex:1}
}

/* ── EXPERT CARD — horizontal compact ────────────────────── */
.md-expert-card{
  display:flex;flex-direction:column;
  background:#FFFFFF;border-radius:12px;
  border:1.5px solid #D9E2EC;
  transition:all .2s;position:relative;overflow:hidden;
}
.md-expert-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 24px rgba(201,168,76,.15);
  border-color:#FED7AA;
}
/* Override: make card horizontal */
.md-expert-card .card-avatar-link{
  display:none!important; /* hide the block avatar link */
}
/* Re-do card-header as horizontal */
.md-expert-card .card-header{
  display:flex;gap:12px;padding:16px 16px 0;align-items:flex-start;
}
.md-expert-card .card-header .card-avatar{
  flex-shrink:0;position:relative;
}
.md-expert-card .card-header .card-avatar img{
  width:52px;height:52px;border-radius:8px;
  object-fit:cover;border:1.5px solid #FED7AA;display:block;
}
.md-expert-card .card-header .avail-dot{
  position:absolute;bottom:2px;right:2px;
  width:10px;height:10px;border-radius:50%;border:2px solid #fff;
}
.card-body{padding:0 16px 0;flex:1;display:flex;flex-direction:column;gap:6px;margin-top:0}
.card-name{font-size:.9rem;font-weight:600;color:#0F2B46;margin:0;line-height:1.3}
.card-name a{color:inherit;text-decoration:none}
.card-name a:hover{color:#C2410C}
.card-role{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#C2410C;font-weight:500;margin:0}
.card-loc{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#8CA1BA;margin:0}
.card-tagline{font-size:.78rem;color:#5B708B;line-height:1.5;margin:0;padding:0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-fields{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px}
.card-field-tag{background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;border-radius:20px;padding:2px 9px;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .15s}
.card-field-tag:hover{background:#F97316;color:#fff}
.card-skills{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px}
.card-skill{background:#FAFAF8;color:#5B708B;border:1px solid #D9E2EC;border-radius:20px;padding:2px 8px;font-size:.69rem}
.card-skill-more{border-style:dashed}
.card-stats{
  display:flex;gap:0;padding:10px 16px 0;
  border-top:1px solid #D9E2EC;margin:8px 0 0;
}
.card-stats .stat{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;text-align:center}
.card-stats .stat:not(:last-child){border-right:1px solid #D9E2EC}
.stat-val{font-size:.82rem;font-weight:600;color:#C2410C}
.stat-label{font-size:.68rem;color:#8CA1BA;margin-top:1px}
.card-footer{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 16px 14px;flex-wrap:wrap;gap:6px;
}
.avail-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.7rem;font-weight:600}
.card-actions{display:flex;align-items:center;gap:6px}
.badge-intro{background:#F0FAF4;color:#1A6B3C;border:1px solid #B8E6CC;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}
.btn-view-profile{
  display:inline-flex;align-items:center;
  background:#0F2B46;color:#FFFFFF;
  padding:6px 13px;border-radius:6px;
  font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;
}
.btn-view-profile:hover{background:#F97316}
.md-expert-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s}
.md-expert-card:hover::before{background:linear-gradient(90deg,#F97316,#FDBA74)}

/* ── RELATED EXPERTS ──────────────────────────────────────── */
.md-related-section{padding:36px 0;background:#F7F4EE;border-top:1px solid #D9E2EC}
.md-related-header{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#0F2B46;margin-bottom:18px}
.md-related-header svg{color:#F97316}
.md-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
@media(max-width:560px){.md-related-grid{grid-template-columns:1fr}}

/* ── SINGLE EXPERT SIDEBAR INFO LIST ─────────────────────── */
.sp-info-list-simple{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:0}
.sp-info-list-simple li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #D9E2EC;font-size:.83rem}
.sp-info-list-simple li:last-child{border-bottom:none}
.sp-info-label{color:#5B708B;font-weight:400}
.sp-info-val{font-weight:600;color:#0F2B46;text-align:right}
.sp-info-val--gold{color:#C2410C}
.sp-info-val--green{color:#1A6B3C}
.sp-sidebar-book-btn{
  display:flex;align-items:center;justify-content:center;
  background:#F97316;color:#FFFFFF;
  padding:11px 16px;border-radius:8px;font-size:.875rem;font-weight:600;
  text-decoration:none;text-align:center;transition:background .15s;
  margin-top:4px;
}
.sp-sidebar-book-btn:hover{background:#C2410C;color:#fff}

/* ── RELATED EXPERTS grid override ───────────────────────── */
.md-related-grid.md-experts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:14px;
}
@media(max-width:600px){.md-related-grid.md-experts-grid{grid-template-columns:1fr}}

/* ── BREADCRUMB trên trang đơn ─────────────────────────────── */
.md-breadcrumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  font-size:.78rem;margin-bottom:0;
}
.md-breadcrumb a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .15s}
.md-breadcrumb a:hover{color:#fff}
.md-breadcrumb span{color:rgba(255,255,255,.4)}
.md-breadcrumb span:last-child{color:rgba(255,255,255,.75);font-weight:500}

/* ── SERVICE ARCHIVE PAGE ──────────────────────────────────── */
.md-services-archive{padding:32px 0 60px;background:#F7F4EE}
.md-services-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:18px;
}
@media(max-width:600px){.md-services-grid{grid-template-columns:1fr}}

.md-service-card{
  background:#FFFFFF;border:1.5px solid #D9E2EC;border-radius:14px;
  padding:22px;display:flex;flex-direction:column;gap:10px;
  position:relative;transition:all .2s;
}
.md-service-card:hover{border-color:#FED7AA;box-shadow:0 6px 24px rgba(201,168,76,.15);transform:translateY(-2px)}
.md-service-card--featured{border-color:#F97316;background:linear-gradient(135deg,#FFFFFF 85%,#FFF7ED 100%)}
.md-service-badge{
  position:absolute;top:14px;right:0;
  background:#F97316;color:#fff;
  font-size:.68rem;font-weight:600;
  padding:3px 12px 3px 10px;border-radius:4px 0 0 4px;
}
.md-service-icon{font-size:1.8rem;line-height:1}
.md-service-type{
  display:inline-block;background:#FFF7ED;color:#C2410C;
  border:1px solid #FED7AA;border-radius:20px;
  padding:2px 10px;font-size:.72rem;font-weight:600;
  align-self:flex-start;
}
.md-service-name{font-size:.95rem;font-weight:600;color:#0F2B46;margin:0;line-height:1.3}
.md-service-name a{color:inherit;text-decoration:none}
.md-service-name a:hover{color:#C2410C}
.md-service-desc{font-size:.82rem;color:#5B708B;line-height:1.6;margin:0}
.md-service-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.md-service-meta{font-size:.76rem;color:#8CA1BA}
.md-service-meta--slots{color:#d97706;font-weight:600}
.md-service-expert{
  display:flex;align-items:center;gap:8px;
  padding:10px 0;border-top:1px solid #D9E2EC;margin-top:2px;
}
.md-service-expert img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #FED7AA}
.md-service-expert-name{font-size:.8rem;font-weight:600;color:#173B63;text-decoration:none}
.md-service-expert-name:hover{color:#C2410C}
.md-service-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:10px;border-top:1px solid #D9E2EC;margin-top:auto;
}
.md-service-price{font-size:1rem;font-weight:600;color:#C2410C}
.md-service-btn{
  background:#F97316;color:#fff;
  padding:7px 16px;border-radius:6px;
  font-size:.8rem;font-weight:600;text-decoration:none;
  transition:background .15s;
}
.md-service-btn:hover{background:#C2410C;color:#fff}
.md-empty-state{
  text-align:center;padding:80px 0;color:#8CA1BA;
}
.md-empty-state div{font-size:3rem;margin-bottom:14px}
.md-empty-state h3{font-size:1.1rem;font-weight:600;color:#173B63;margin-bottom:8px}
.md-empty-state p{font-size:.875rem}

/* ── EXPERT COVER gold fix ──────────────────────────────────── */
.expert-cover{
  height:140px!important;
}

/* ── SKILL PILLS clickable ──────────────────────────────────── */
.skill-pill{
  background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;
  padding:5px 12px;border-radius:20px;
  font-size:.78rem;font-weight:600;
  text-decoration:none;display:inline-block;
  transition:all .15s;
}
.skill-pill:hover{background:#F97316;color:#fff;border-color:#F97316}
.meta-tag-field{
  background:rgba(201,168,76,.15)!important;
  color:#F97316!important;
  border:1px solid rgba(249,115,22,.3)!important;
  border-radius:20px;padding:3px 10px;
  font-size:.78rem;font-weight:600;
  text-decoration:none;transition:all .15s;
}
.meta-tag-field:hover{background:#F97316!important;color:#fff!important}