:root{
  --blue:#1152c8;
  --blue2:#0c3f9e;
  --orange:#ff6a13;
  --orange2:#e95600;
  --white:#ffffff;
  --bg:#f3f7ff;
  --text:#142033;
  --muted:#607087;
  --line:#dfe8f7;
  --success:#138a47;
  --shadow:0 16px 40px rgba(17,82,200,.10);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit;max-width:100%}
textarea{resize:vertical}
main,section,div,article,aside{min-width:0}
.container{max-width:1220px;margin:0 auto;padding:0 22px}

.topbar{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #e6eefb;
}
.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand img{height:72px;width:auto;max-width:320px}
.menu{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.menu a{font-weight:800;color:#33415d}
.menu a:hover,.menu a.active{color:var(--blue)}
.nav-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.btn{
  min-height:50px;padding:0 18px;border:0;border-radius:18px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:900;cursor:pointer;transition:.2s ease;max-width:100%
}
.btn.orange{background:var(--orange);color:#fff}
.btn.orange:hover{background:var(--orange2);transform:translateY(-1px)}
.btn.blue{background:var(--blue);color:#fff}
.btn.blue:hover{background:var(--blue2);transform:translateY(-1px)}
.btn.white{background:#fff;color:var(--blue);border:2px solid #d9e6ff}
.btn.white:hover{background:#f7faff}

.hero{padding:34px 0 18px}
.hero-stack{display:grid;gap:18px}
.hero-main{
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;border-radius:34px;padding:38px;box-shadow:var(--shadow);
  position:relative;overflow:hidden;
}
.hero-main::after{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;
  right:-70px;top:-90px;background:rgba(255,255,255,.07)
}
.kicker{
  display:inline-flex;padding:9px 13px;border-radius:999px;
  background:rgba(255,255,255,.14);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase
}
.hero-main h1{font-size:clamp(42px,5vw,70px);line-height:.96;margin:16px 0 12px}
.hero-main h1 span{display:block;color:#ffd5bd}
.hero-main p{font-size:18px;line-height:1.65;color:#e8f0ff;max-width:680px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero-tags span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.11);font-weight:800}
.hero-side{display:grid;gap:18px}

.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)
}
.visual-card{padding:12px;overflow:hidden}
.visual-card img{border-radius:20px;width:100%}

.facilitator-card{
  display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px;align-items:center
}
.facilitator-card .photo{border-radius:22px;overflow:hidden;height:190px;background:#eef4ff}
.facilitator-card .photo img{width:100%;height:100%;object-fit:cover}
.credential{
  display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;
  background:#fff2e8;color:#b94700;font-weight:900;font-size:13px;flex-wrap:wrap
}
.facilitator-card h2{margin:10px 0 5px;color:var(--blue);font-size:34px;line-height:1}
.facilitator-card p{margin:0;color:var(--muted);line-height:1.55}
.drt{margin-top:10px;padding:11px 13px;border-radius:15px;background:#eef4ff;color:var(--blue);font-weight:900;font-size:14px}

.section{padding:18px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.section-head h3{margin:0;color:var(--blue);font-size:34px}
.section-head p{margin:7px 0 0;color:var(--muted);line-height:1.55}
.method-intro{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.method-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pillar{padding:18px}
.pillar .num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;margin-bottom:10px}
.pillar h4{margin:0 0 7px;color:var(--blue);font-size:20px}
.pillar p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.method-note{padding:24px;background:linear-gradient(135deg,#1152c8,#0c3f9e);color:#fff}
.method-note h4{margin:0 0 10px;font-size:28px}
.method-note p{margin:0;color:#ecf3ff;line-height:1.7}

.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quick{min-height:240px;padding:24px;border-radius:28px;color:#fff;position:relative;overflow:hidden}
.quick.blue{background:linear-gradient(150deg,var(--blue),var(--blue2))}
.quick.orange{background:linear-gradient(150deg,var(--orange),var(--orange2))}
.quick.white{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow)}
.quick .big-icon{font-size:46px}
.quick h4{font-size:28px;margin:14px 0 8px;line-height:1}
.quick p{margin:0;line-height:1.65;opacity:.92}
.quick.white h4{color:var(--blue)}
.quick.white p{color:var(--muted)}
.quick .mini-btn{display:inline-flex;margin-top:18px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.16);font-weight:900}
.quick.white .mini-btn{background:#eef4ff;color:var(--blue)}

.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mission{padding:18px;text-align:left;min-height:190px;position:relative;overflow:hidden}
.mission:nth-child(odd){border-top:6px solid var(--orange)}
.mission:nth-child(even){border-top:6px solid var(--blue)}
.mission .num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:12px}
.mission:nth-child(odd) .num{background:var(--orange)}
.mission:nth-child(even) .num{background:var(--blue)}
.mission .ico{font-size:32px}
.mission h4{margin:10px 0 6px;color:var(--blue);font-size:21px}
.mission p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}

.color-band{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}
.band-blue{background:var(--blue);color:#fff;padding:30px}
.band-orange{background:var(--orange);color:#fff;padding:30px}
.color-band h3{font-size:34px;margin:0 0 10px}
.color-band p{margin:0;line-height:1.7;color:rgba(255,255,255,.92)}
.color-band ul{margin:14px 0 0;padding-left:18px;line-height:1.8}

.recorder-section{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.recorder-card,.privacy-card,.student-card{padding:24px}
.recorder-card h3,.privacy-card h3,.student-card h3{margin:0;color:var(--blue);font-size:30px}
.recorder-card p,.privacy-card p,.student-card p{color:var(--muted);line-height:1.6}
.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.rec-box{padding:16px;border:1px dashed #bfd2f7;border-radius:20px;background:#f9fbff;min-width:0}
.timer{font-size:32px;font-weight:900;color:var(--blue);font-variant-numeric:tabular-nums}
.wave{
  height:54px;border-radius:16px;margin:10px 0 14px;
  background:
  linear-gradient(90deg,transparent 0 7%,#cbdcff 7% 8%,transparent 8% 12%,#7ea8ff 12% 13%,transparent 13% 17%,#245dce 17% 18.5%,transparent 18.5% 22%,#7ea8ff 22% 23%,transparent 23% 27%,#cbdcff 27% 28%,transparent 28% 100%),
  #eef4ff
}
audio{width:100%;margin-top:12px}

.student-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.student-progress .box{padding:18px;border-radius:20px}
.student-progress .blue{background:#eef4ff}
.student-progress .orange{background:#fff1e8}
.student-progress .white{background:#fff;border:1px solid var(--line)}
.student-progress b{display:block;font-size:30px;color:var(--blue)}
.student-progress span{color:var(--muted);font-weight:800;font-size:13px}
.progress{height:13px;border-radius:999px;background:#e9eef7;overflow:hidden}
.progress > div{height:100%;width:62%;background:linear-gradient(90deg,var(--orange),#ff9a55)}

.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.level{padding:18px;text-align:center}
.level b{display:inline-block;padding:7px 11px;border-radius:999px;background:#fff1e8;color:#b94700;font-size:12px}
.level h4{margin:12px 0 6px;color:var(--blue);font-size:19px}
.level p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}

.footer{padding:14px 0 40px}
.footer-box{
  background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;
  display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap
}
.footer-box img{height:70px;width:auto}
.footer-box small{color:var(--muted);line-height:1.7}

.notice{padding:14px 16px;border-radius:16px;background:#fff4ec;color:#7b380e;border:1px solid #ffd3b6;line-height:1.55}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}

/* atividades interativas */
.download-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:24px;background:linear-gradient(135deg,#1152c8,#0c3f9e);color:#fff;border-radius:28px;box-shadow:var(--shadow)}
.download-card h3{margin:0 0 8px;color:#fff;font-size:30px}
.download-card p{margin:0;color:#e8f0ff;line-height:1.65}
.download-actions{display:flex;gap:10px;flex-wrap:wrap}
.activity-shell{padding:30px 0 44px}
.activity-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.activity-nav a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--blue);font-weight:900}
.activity-nav a:hover{background:#eef4ff}
.activity{padding:26px;margin-bottom:18px;overflow:hidden}
.activity h2{margin:0;color:var(--blue);font-size:34px}
.activity .lead{margin:8px 0 18px;color:var(--muted);line-height:1.65;font-size:17px}
.activity-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--orange);margin-bottom:6px}
.activity-grid,.activity-duo,.golden,.mirror-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.activity-box{
  padding:18px;border-radius:22px;background:#f9fbff;border:1px solid #e0e9f8;
  min-width:0;overflow:hidden
}
.activity-box.blue{background:#edf4ff;border-color:#d9e7ff}
.activity-box.orange{background:#fff1e8;border-color:#ffd9bf}
.activity-box h3{margin:0 0 9px;color:var(--blue);font-size:22px}
.activity-box p{color:var(--muted);line-height:1.6}
.activity textarea,.activity input[type=text],.activity select{
  width:100%;font:inherit;border:1px solid #cbd8ef;border-radius:15px;padding:12px 13px;background:#fff;color:var(--text);
}
.activity textarea{min-height:105px}
.activity select{min-height:48px}
.challenge-card{padding:26px;border-radius:28px;background:linear-gradient(135deg,#1152c8,#0c3f9e);color:#fff;font-size:36px;font-weight:900;text-align:center}
.challenge-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.challenge-stage{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:14px}
.challenge-stage .countdown{font-size:54px;font-weight:900;color:var(--orange)}
.challenge-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.challenge-token{padding:10px 14px;border-radius:999px;background:#eef4ff;color:var(--blue);font-weight:900}
.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.checkitem{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#fff;border:1px solid #dce6f6;border-radius:14px;font-weight:700;color:#34425c;min-width:0}
.checkitem input,.trait input{accent-color:var(--blue);width:18px;height:18px;flex:none}
.traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.trait{
  display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dbe5f5;border-radius:14px;background:#fff;font-weight:700;color:#37445e;
  min-width:0;overflow-wrap:anywhere
}
.mirror-result{padding:16px;border-radius:18px}
.mirror-result h4{margin:0 0 8px;font-size:18px}
.mirror-result p{margin:0;line-height:1.6}
.mirror-result.open{background:#eaf7ef;color:#136737}
.mirror-result.seen{background:#eef4ff;color:#184a9d}
.mirror-result.mine{background:#fff1e8;color:#9c4108}
.mirror-result.discover{background:#f4f2ff;color:#5b43a6}
.ranking-table{width:100%;border-collapse:collapse}
.ranking-table th,.ranking-table td{padding:11px 10px;border-bottom:1px solid #e2eaf7;text-align:left;vertical-align:top}
.ranking-table th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.story-case{padding:18px;border-radius:20px;background:#fff7f1;border:1px solid #ffd8bf;color:#5a3a17;line-height:1.7}
.style-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff1e8;color:#b94700;font-weight:900}
.reading-card{padding:18px;border-radius:22px;background:#eef4ff;border:1px solid #d6e4ff;font-size:22px;line-height:1.5;color:var(--blue);font-weight:800}
.consensus-result,.summary-preview{
  margin-top:12px;padding:16px;border-radius:18px;background:#f7fbff;border:1px solid #dfe9f8;color:#30405e;line-height:1.6
}
.activity-feedback{
  display:none;margin-top:12px;padding:14px 16px;border-radius:16px;background:#eaf8ef;border:1px solid #cbe8d3;color:#136737;font-weight:800
}
.complete-activity.done + .activity-feedback{display:block}

@media (max-width:1050px){
  .hero-grid,.color-band,.recorder-section,.method-intro{grid-template-columns:1fr}
  .quick-grid,.mission-grid,.method-pillars{grid-template-columns:repeat(2,1fr)}
  .levels{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .activity-grid,.activity-duo,.golden,.mirror-results{grid-template-columns:1fr}
  .checklist{grid-template-columns:repeat(2,1fr)}
  .download-card{grid-template-columns:1fr}
  .challenge-stage{grid-template-columns:1fr}
  .ranking-table{font-size:14px;display:block;overflow-x:auto}
}
@media (max-width:760px){
  .menu{display:none}
  .brand img{height:60px;max-width:250px}
  .hero-main{padding:28px 22px}
  .hero-main h1{font-size:42px}
  .facilitator-card{grid-template-columns:1fr}
  .facilitator-card .photo{height:270px}
  .quick-grid,.mission-grid,.rec-grid,.levels,.student-progress,.method-pillars{grid-template-columns:1fr}
  .footer-box{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  .traits,.checklist{grid-template-columns:1fr}
  .challenge-card{font-size:28px}
  .challenge-stage .countdown{font-size:44px}
}


/* V7 - dois ambientes */
.env-hero{padding:38px 0}
.env-head{text-align:center;max-width:780px;margin:0 auto 22px}
.env-head h1{margin:0;color:var(--blue);font-size:clamp(38px,6vw,66px);line-height:.96}
.env-head p{color:var(--muted);font-size:18px;line-height:1.65}
.env-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.env-card{padding:30px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.env-card.child{background:linear-gradient(145deg,#1152c8,#0c3f9e);color:#fff}
.env-card.adult{background:linear-gradient(145deg,#ff6a13,#e95600);color:#fff}
.env-icon{font-size:62px}
.env-card h2{font-size:38px;margin:14px 0 8px}
.env-card p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.92)}
.env-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.env-features span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.15);font-weight:800;font-size:13px}
.env-card .btn{align-self:flex-start;margin-top:22px}

.adult-wrap{padding:28px 0 44px}
.adult-hero{
  padding:30px;border-radius:32px;background:linear-gradient(135deg,#17223a,#1152c8);color:#fff;
  display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center
}
.adult-hero h1{font-size:48px;line-height:.98;margin:8px 0}
.adult-hero p{color:#e7efff;line-height:1.7;font-size:17px}
.adult-hero .adult-tag{display:inline-flex;background:rgba(255,255,255,.12);padding:9px 12px;border-radius:999px;font-weight:900}
.adult-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.adult-stat{padding:17px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.adult-stat b{display:block;font-size:27px;color:var(--blue)}
.adult-stat span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.track-card{padding:22px}
.track-card .track-icon{font-size:38px}
.track-card h3{margin:10px 0 7px;color:var(--blue);font-size:24px}
.track-card p{margin:0;color:var(--muted);line-height:1.6}
.track-card ul{color:var(--muted);padding-left:18px;line-height:1.65;font-size:14px}

.adult-activity-list{display:grid;gap:14px}
.module{
  background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden
}
.module summary{
  list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;gap:14px;font-weight:900;color:var(--blue)
}
.module summary::-webkit-details-marker{display:none}
.module summary .mnum{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;flex:none}
.module summary .mtext{min-width:0}
.module summary .mtext small{display:block;color:var(--muted);font-weight:700;margin-top:3px}
.module[open] summary{background:#f7faff;border-bottom:1px solid var(--line)}
.module-body{padding:22px}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.module-box{padding:17px;border-radius:18px;background:#f8fbff;border:1px solid #e0e9f8;min-width:0}
.module-box.orange{background:#fff2e8;border-color:#ffd8bd}
.module-box.blue{background:#edf4ff;border-color:#d8e6ff}
.module-box h4{margin:0 0 8px;color:var(--blue);font-size:19px}
.module-box p{margin:0 0 10px;color:var(--muted);line-height:1.6}
.module textarea,.module input[type=text],.module input[type=number],.module select{
  width:100%;padding:11px 12px;border-radius:13px;border:1px solid #cbd8ef;background:#fff;color:var(--text)
}
.module textarea{min-height:92px}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.choice-card{display:flex;gap:8px;align-items:flex-start;padding:11px;border:1px solid #dce6f6;border-radius:14px;background:#fff;color:#34425c;font-weight:700}
.choice-card input{accent-color:var(--blue);flex:none;margin-top:3px}
.inline-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.points-btn.done{opacity:.55}
.points-msg{display:none;margin-top:10px;padding:11px 13px;background:#eaf8ef;color:#126839;border-radius:13px;font-weight:800}
.points-btn.done + .points-msg{display:block}

.music-box{margin-top:14px;padding:13px 15px;border-radius:16px;background:#17223a;color:#fff}
.music-box b{display:block;margin-bottom:6px}
.music-box small{display:block;color:#cfdaf0;margin-bottom:8px;line-height:1.5}
.music-box audio{width:100%;margin:0}
.breath-circle{
  width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:10px auto;
  background:radial-gradient(circle,#fff 0 45%,#cfe0ff 46% 58%,#1152c8 59% 100%);color:var(--blue);font-size:22px;font-weight:900
}
.wheel-result{padding:22px;border-radius:20px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-size:28px;font-weight:900;text-align:center}
.preview{
  margin-top:12px;padding:16px;border-radius:17px;background:#f7fbff;border:1px solid #dce8f8;color:#30405e;line-height:1.65
}
.opening-grid,.body-grid,.closing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.option-tile{padding:12px;border:1px solid #dce6f6;border-radius:14px;background:#fff;cursor:pointer;font-weight:800;color:#34425c}
.option-tile:hover,.option-tile.selected{border-color:var(--orange);background:#fff2e8;color:#9b4209}
.book-card{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:24px;align-items:center}
.book-card img{width:100%;border-radius:15px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.book-card h2{margin:0 0 8px;color:var(--blue);font-size:34px}
.book-card p{color:var(--muted);line-height:1.65}
.chat-fab{
  position:fixed;right:22px;bottom:22px;z-index:50;background:var(--orange);color:#fff;
  padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 14px 30px rgba(255,106,19,.3)
}
.chat-shell{max-width:860px;margin:34px auto;padding:0 22px}
.chat-window{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.chat-head{padding:20px 22px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}
.chat-head h1{margin:0;font-size:28px}.chat-head p{margin:6px 0 0;color:#dbe7ff}
.chat-log{padding:20px;min-height:380px;max-height:520px;overflow:auto;background:#f8fbff}
.msg{max-width:80%;padding:12px 14px;border-radius:16px;margin-bottom:10px;line-height:1.55}
.msg.bot{background:#fff;border:1px solid #dfe8f7;color:#31405e}
.msg.user{background:var(--orange);color:#fff;margin-left:auto}
.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;background:#fff;border-top:1px solid var(--line)}
.chat-form input{width:100%;border:1px solid #cbd8ef;border-radius:15px;padding:12px 13px}
.legal-note{font-size:12px;color:var(--muted);line-height:1.55;margin-top:8px}

@media(max-width:1050px){
  .env-grid,.adult-hero,.book-card{grid-template-columns:1fr}
  .track-grid{grid-template-columns:repeat(2,1fr)}
  .adult-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .env-grid,.track-grid,.adult-stats,.module-grid,.opening-grid,.body-grid,.closing-grid,.choice-grid{grid-template-columns:1fr}
  .env-card{min-height:auto}
  .adult-hero h1{font-size:38px}
  .chat-form{grid-template-columns:1fr}
}


/* V8 - planos, login, biografia e conteúdo protegido */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.price-card{padding:24px;position:relative}
.price-card.featured{border:2px solid var(--orange);transform:translateY(-5px)}
.price-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef4ff;color:var(--blue);font-weight:900;font-size:11px;letter-spacing:.1em}
.price-card.featured .price-badge{background:#fff1e8;color:#a74308}
.price-card h2{margin:12px 0 6px;color:var(--blue);font-size:27px}
.price{font-size:32px;font-weight:900;color:var(--orange)}
.price small{font-size:14px;color:var(--muted)}
.price-card p{color:var(--muted);line-height:1.55}
.price-card ul{padding-left:19px;color:#40506a;line-height:1.7;min-height:170px}
.school-price{margin-top:16px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.school-price h2{margin:10px 0 6px;color:var(--blue)}
.school-price p{margin:0;color:var(--muted);line-height:1.65}

.auth-wrap{max-width:650px;margin:40px auto;padding:0 22px}
.auth-card{padding:28px}
.auth-card h1{margin:14px 0 8px;color:var(--blue);font-size:38px}
.auth-card p{color:var(--muted);line-height:1.6}
.auth-card form{display:grid;gap:9px;margin-top:18px}
.auth-card label{font-weight:900;color:#33415d}
.auth-card input{width:100%;padding:13px 14px;border:1px solid #cad8ef;border-radius:14px}

.bio-hero{display:grid;grid-template-columns:300px 1fr;gap:26px;padding:26px;align-items:center}
.bio-photo{height:360px;border-radius:24px;overflow:hidden;background:#eef4ff}
.bio-photo img{width:100%;height:100%;object-fit:cover}
.bio-hero h1{margin:12px 0 6px;color:var(--blue);font-size:54px;line-height:1}
.bio-lead{font-size:20px;color:var(--muted);line-height:1.6}
.bio-story{padding:28px}
.bio-story p{font-size:17px;color:#475772;line-height:1.85;margin:0 0 17px}
.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cred-card{padding:20px}
.cred-card>div{font-size:36px}
.cred-card h4{margin:10px 0 6px;color:var(--blue);font-size:21px}
.cred-card p{margin:0;color:var(--muted);line-height:1.6}

.locked-box,.member-box{padding:20px;border-radius:20px;margin-top:15px}
.locked-box{background:#fff3eb;border:1px solid #ffd5bb}
.member-box{background:#edf8f1;border:1px solid #cfe8d7}
.lock-icon{font-size:40px}
.locked-box h3,.member-box h3{margin:8px 0;color:var(--blue)}
.locked-box p,.member-box p{color:var(--muted);line-height:1.6}

@media(max-width:1100px){
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .credential-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .pricing-grid,.credential-grid,.bio-hero,.school-price{grid-template-columns:1fr}
  .price-card.featured{transform:none}
  .bio-photo{height:320px}
  .bio-hero h1{font-size:42px}
}


/* V9 - discurso aleatório adulto */
.random-word-display{
  min-height:120px;display:grid;place-items:center;text-align:center;padding:16px;border-radius:20px;
  background:#fff;color:var(--blue);font-size:clamp(30px,5vw,52px);font-weight:900;letter-spacing:.03em
}
.random-timer{font-size:38px;font-weight:900;text-align:center;margin-top:10px;color:#fff}
.random-history{display:flex;gap:8px;flex-wrap:wrap;min-height:44px}
.random-promo{
  display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:24px;
  background:linear-gradient(135deg,#fff,#eef4ff)
}
.random-promo-icon{font-size:58px}
.random-promo h2{margin:8px 0;color:var(--blue);font-size:30px}
.random-promo p{margin:0;color:var(--muted);line-height:1.6}
@media(max-width:800px){.random-promo{grid-template-columns:1fr}.random-promo .btn{justify-self:start}}


/* V10 - ajuste do topo */
.hero-main-top{
  min-height: 0;
}
.hero-lower{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  align-items:stretch;
}
.hero-visual{
  padding:16px;
}
.hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
  display:block;
}
.hero-facilitator{
  min-height:100%;
}
.quick.orange,
.band-orange{
  color:#fff;
}
.quick.orange h4,
.quick.orange p,
.quick.orange .big-icon,
.quick.orange .mini-btn{
  color:#fff !important;
}
.quick.orange p{
  opacity:1;
}
.quick.orange .mini-btn{
  background:rgba(255,255,255,.18);
}
.band-orange p,
.band-orange li{
  color:#fff6ef;
}
.privacy-card .quick.orange{
  background:linear-gradient(150deg,var(--orange),var(--orange2));
}
.privacy-card .quick.orange p{
  color:#fff6ef !important;
}
.privacy-card .quick.orange .big-icon{
  color:#fff;
}

@media(max-width:980px){
  .hero-lower{grid-template-columns:1fr}
}


/* VERSÃO FINAL - foto profissional e prova social */
.hero-photo-card{
  position:relative;
  min-height:390px;
  padding:0;
  overflow:hidden;
  background:#111a2b;
}
.hero-photo-card img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  object-position:center 42%;
  border-radius:0;
  display:block;
}
.hero-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,18,42,.02) 35%,rgba(6,20,48,.82) 100%);
  pointer-events:none;
}
.hero-photo-overlay{
  position:absolute;
  left:24px;
  right:24px;
  bottom:32px;
  z-index:2;
  color:#fff;
}
.hero-photo-overlay strong{
  display:block;
  font-size:27px;
  line-height:1.1;
}
.hero-photo-overlay span{
  display:block;
  margin-top:7px;
  color:#dce8ff;
  font-weight:700;
}
.photo-credit{
  position:absolute;
  z-index:3;
  right:14px;
  bottom:10px;
  color:rgba(255,255,255,.74);
  font-size:10px;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.testimonial-card{
  padding:22px;
  position:relative;
  border-top:5px solid var(--orange);
}
.testimonial-card:nth-child(even){border-top-color:var(--blue)}
.testimonial-mark{
  font-family:Georgia,serif;
  font-size:58px;
  line-height:.7;
  color:var(--orange);
  opacity:.85;
  margin-bottom:8px;
}
.testimonial-card p{
  margin:0;
  color:#42516b;
  line-height:1.72;
  font-size:16px;
}
.testimonial-person{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.testimonial-person strong{
  display:block;
  color:var(--blue);
}
.testimonial-person span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
  line-height:1.45;
}
.testimonial-actions{
  margin-top:14px;
  display:flex;
  justify-content:center;
}
.sales-proof{margin-bottom:20px}
.educator-proof{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  padding:24px;
  align-items:start;
  border-left:6px solid var(--orange);
}
.educator-proof-icon{
  width:66px;height:66px;
  display:grid;place-items:center;
  border-radius:18px;
  background:#eef4ff;
  font-size:32px;
}
.educator-proof h3{
  margin:10px 0 8px;
  color:var(--blue);
  font-size:25px;
}
.educator-proof p{
  color:#475772;
  line-height:1.7;
}
@media(max-width:950px){
  .testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .educator-proof{grid-template-columns:1fr}
  .hero-photo-card,.hero-photo-card img{min-height:310px}
}


/* V11 - login real */
.auth-message{
  margin-top:14px;
  padding:13px 15px;
  border-radius:14px;
  font-weight:800;
  line-height:1.5;
}
.auth-message.error{background:#fff0f0;border:1px solid #f1c5c5;color:#9b2929}
.auth-message.success{background:#eaf8ef;border:1px solid #c9e8d3;color:#176c3b}
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0;
  color:var(--muted);
  font-size:13px;
}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}
.auth-wide{width:100%}
.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.account-card{padding:24px}
.account-card h2{margin:12px 0 6px;color:var(--blue);font-size:28px}
.account-card p{color:var(--muted);line-height:1.6}
.account-metric{padding:12px 0;border-bottom:1px solid var(--line)}
.account-metric:last-child{border-bottom:0}
.account-metric b{display:block;color:var(--blue);font-size:25px}
.account-metric span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}}

/* V15.5 - fotos bem menores, em círculo, no canto superior */
.testimonial-card,
.proof-card,
.educator-proof{
  position: relative;
}
.testimonial-profile{
  position:absolute;
  top:16px;
  right:16px;
  display:block;
  margin:0;
}
.testimonial-photo{
  width:40px;
  height:40px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  border:2px solid #eef4ff;
  background:#eef4ff;
  display:block;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.testimonial-identity{
  display:none;
}
.testimonial-instagram{
  color:var(--blue);
  font-weight:800;
  text-decoration:none;
}
.testimonial-instagram:hover{text-decoration:underline}
.educator-proof-photo{
  position:absolute;
  top:16px;
  right:16px;
  width:42px;
  height:42px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  border:2px solid #eef4ff;
  background:#eef4ff;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.educator-proof-meta{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  margin-top:4px;
}
@media(max-width:650px){
  .testimonial-profile{top:12px;right:12px}
  .testimonial-photo{width:36px;height:36px}
  .educator-proof-photo{top:12px;right:12px;width:38px;height:38px}
}


/* V16 - pagamento único via Pix */
.pix-pricing-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:980px;
  margin:0 auto 22px;
}
.pix-product-card .price{
  font-size:44px;
}
.pix-payment-notice{
  max-width:980px;
  margin:0 auto 28px;
}
.pix-wrap{
  padding-top:40px;
  padding-bottom:40px;
}
.pix-card{
  max-width:720px;
}
.pix-summary{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.pix-summary>div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid #e7edf7;
}
.pix-summary span{
  color:var(--muted);
}
.pix-key-box{
  background:#eef4ff;
  border:1px solid #cfe0ff;
  border-radius:18px;
  padding:18px;
  margin:18px 0;
}
.pix-label{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  color:var(--blue);
  margin-bottom:8px;
}
.pix-key-row{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.pix-key-row code{
  flex:1;
  min-width:220px;
  font-size:20px;
  font-weight:900;
  background:#fff;
  border:1px solid #dbe6f7;
  border-radius:12px;
  padding:12px 14px;
}
.pix-beneficiary{
  background:#fff8f3;
  border:1px solid #ffd9c2;
  border-radius:16px;
  padding:14px 16px;
}
.pix-beneficiary p{
  margin:5px 0;
}
.pix-steps{
  margin:20px 0;
  padding-left:24px;
  line-height:1.7;
}
@media(max-width:760px){
  .pix-pricing-grid{grid-template-columns:1fr}
  .pix-summary>div{display:block}
  .pix-summary strong{display:block;margin-top:4px}
  .pix-key-row{display:block}
  .pix-key-row .btn{margin-top:10px;width:100%}
}


/* V16.1 - QR Code e Pix Copia e Cola */
.pix-qr-section{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);
  gap:16px;
  margin:18px 0;
}
.pix-qr-card,
.pix-copy-paste-card{
  border:1px solid #dbe6f7;
  border-radius:18px;
  padding:18px;
  background:#fff;
}
.pix-qr-card{
  text-align:center;
}
.pix-qr-card .pix-label{
  text-align:left;
}
.pix-qr-card p,
.pix-copy-paste-card p{
  color:var(--muted);
  line-height:1.5;
  font-size:14px;
}
.pix-qr-image{
  display:block;
  width:min(230px,100%);
  height:auto;
  margin:14px auto 10px;
  background:#fff;
  border-radius:12px;
}
.pix-qr-card strong{
  display:block;
  color:var(--blue);
  margin-top:8px;
}
.pix-copy-paste{
  width:100%;
  min-height:132px;
  resize:none;
  border:1px solid #d6e0ef;
  border-radius:12px;
  padding:12px;
  font-size:12px;
  line-height:1.45;
  word-break:break-all;
  background:#f9fbff;
  color:#23314b;
  margin:8px 0 10px;
}
@media(max-width:760px){
  .pix-qr-section{grid-template-columns:1fr}
  .pix-qr-image{width:min(220px,80vw)}
}


/* V17 - Administração Pix */
.admin-heading{margin-bottom:20px}
.admin-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.admin-stat{
  padding:18px;
  text-align:center;
}
.admin-stat strong{
  display:block;
  font-size:32px;
  line-height:1;
  color:var(--blue);
  margin-bottom:8px;
}
.admin-stat span{
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.admin-toolbar{
  padding:18px;
  margin-bottom:18px;
}
.admin-toolbar label{
  display:block;
  font-weight:900;
  margin-bottom:7px;
}
.admin-toolbar input{
  width:100%;
  margin-bottom:12px;
}
.admin-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.admin-filter.active{
  border-color:var(--blue);
  color:var(--blue);
  background:#eef4ff;
}
.admin-users{
  display:grid;
  gap:14px;
}
.admin-user-card{
  padding:18px;
}
.admin-user-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  border-bottom:1px solid #e7edf7;
  padding-bottom:12px;
  margin-bottom:14px;
}
.admin-user-head h2{
  margin:0 0 4px;
  font-size:20px;
}
.admin-user-head p{
  margin:0;
  color:var(--muted);
}
.admin-user-date{
  color:var(--muted);
  font-size:12px;
}
.admin-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.admin-product-box{
  border:1px solid #dce5f2;
  border-radius:16px;
  padding:14px;
}
.admin-product-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.admin-product-box p{
  margin:9px 0 4px;
}
.admin-product-box small{
  color:var(--muted);
}
.admin-product-actions{
  margin-top:12px;
}
.admin-chip{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.admin-chip.active{
  background:#e8f7ed;
  color:#176b37;
}
.admin-chip.pending{
  background:#fff4df;
  color:#8a5a00;
}
.admin-chip.neutral{
  background:#f1f4f8;
  color:#657085;
}
.admin-shortcut{
  margin-top:18px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:20px;
}
.admin-shortcut h2{margin:7px 0 4px}
.admin-shortcut p{margin:0;color:var(--muted)}
.pix-confirm-note{margin:16px 0}
@media(max-width:900px){
  .admin-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .admin-product-grid{grid-template-columns:1fr}
  .admin-user-head{display:block}
  .admin-user-date{display:block;margin-top:8px}
  .admin-shortcut{display:block}
  .admin-shortcut .btn{margin-top:14px;width:100%}
}


/* V18 - Ambiente do Professor */
.env-grid-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.env-card.teacher{
  background:linear-gradient(145deg,#173d76,#0c2851);
  color:#fff;
}
.env-card.teacher p{color:#dce8fa}
.env-card.teacher .env-features span{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.teacher-hero{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding:30px;
  border-radius:28px;
  background:linear-gradient(135deg,#0e55c4,#173d76);
  color:#fff;
  margin-bottom:20px;
}
.teacher-hero h1{
  font-size:clamp(30px,5vw,48px);
  margin:8px 0;
  max-width:760px;
}
.teacher-hero p{color:#e5efff;max-width:760px}
.teacher-hero-badge{
  min-width:150px;
  min-height:150px;
  border-radius:50%;
  background:#fff;
  color:#0e55c4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  line-height:1.05;
}
.teacher-hero-badge strong{font-size:22px}
.teacher-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.teacher-create-card,
.teacher-toolbar{
  padding:20px;
  margin-bottom:18px;
}
.teacher-class-form{
  display:grid;
  grid-template-columns:1.1fr 1.3fr .8fr auto;
  gap:12px;
  align-items:end;
}
.teacher-class-form label,
.teacher-add-student label,
.teacher-toolbar label{
  display:block;
  font-weight:800;
  margin-bottom:6px;
}
.teacher-class-form input,
.teacher-add-student input,
.teacher-toolbar input{
  width:100%;
}
.teacher-classes{
  display:grid;
  gap:16px;
}
.teacher-class-card{padding:20px}
.teacher-class-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid #e4eaf3;
}
.teacher-class-head h2{margin:5px 0}
.teacher-class-head p{margin:0;color:var(--muted)}
.teacher-class-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.teacher-add-student{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
  padding:16px 0;
}
.teacher-student-list{
  display:grid;
  gap:8px;
}
.teacher-student-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto auto;
  gap:14px;
  align-items:center;
  border:1px solid #e1e8f2;
  border-radius:14px;
  padding:12px 14px;
}
.teacher-student-main strong,
.teacher-student-main span{
  display:block;
}
.teacher-student-main span{
  color:var(--muted);
  font-size:13px;
  margin-top:3px;
}
.teacher-student-metrics{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-size:13px;
}
.teacher-remove-student{
  border:0;
  background:transparent;
  color:#a43333;
  cursor:pointer;
  font-weight:800;
}
.teacher-no-students{
  padding:16px;
  border-radius:12px;
  background:#f6f8fb;
  color:var(--muted);
}
.admin-teacher-box{
  grid-column:1 / -1;
  background:#f7faff;
}
.teacher-shortcut{
  border:1px solid #ffd2b4;
}
@media(max-width:1000px){
  .env-grid-three{grid-template-columns:1fr}
  .teacher-class-form{grid-template-columns:1fr 1fr}
  .teacher-class-form .btn{width:100%}
}
@media(max-width:800px){
  .teacher-stats{grid-template-columns:repeat(2,1fr)}
  .teacher-hero-badge{display:none}
  .teacher-class-head{display:block}
  .teacher-class-actions{justify-content:flex-start;margin-top:10px}
  .teacher-add-student{grid-template-columns:1fr}
  .teacher-student-row{grid-template-columns:1fr}
}


/* V18.1 - correção definitiva do tamanho das fotos dos depoimentos */
.testimonial-card{
  position:relative !important;
}
.testimonial-card .testimonial-profile{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}
.testimonial-card .testimonial-profile .testimonial-photo{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
.testimonial-card .testimonial-identity{
  display:none !important;
}
.educator-proof{
  position:relative !important;
}
.educator-proof .educator-proof-photo{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  border-radius:50% !important;
  margin:0 !important;
}
@media(max-width:650px){
  .testimonial-card .testimonial-profile{
    top:12px !important;
    right:12px !important;
    width:34px !important;
    height:34px !important;
  }
  .testimonial-card .testimonial-profile .testimonial-photo{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
  .educator-proof .educator-proof-photo{
    top:12px !important;
    right:12px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }
}


/* V19 - Mentoria / Avance de Nível */
.env-grid-four{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.env-card.mentorship{
  background:linear-gradient(145deg,#5b249c,#32145f);
  color:#fff;
}
.env-card.mentorship p{color:#eadffc}
.env-card.mentorship .env-features span{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.mentor-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding:34px;
  border-radius:28px;
  background:linear-gradient(135deg,#32145f,#6d2fb0);
  color:#fff;
  margin-bottom:20px;
}
.mentor-hero h1{
  font-size:clamp(32px,5vw,52px);
  margin:10px 0;
  max-width:800px;
}
.mentor-hero p{color:#eadffc;max-width:780px}
.mentor-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.mentor-tags span{
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,255,255,.12);
  font-size:13px;
  font-weight:800;
}
.mentor-live-badge{
  width:150px;
  min-width:150px;
  height:150px;
  border-radius:50%;
  background:#fff;
  color:#5b249c;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  font-weight:900;
  font-size:18px;
}
.mentor-live-badge strong{font-size:28px}
.mentor-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:18px;
  align-items:start;
}
.mentor-request-card,
.mentor-how-card{
  padding:22px;
}
.mentor-request-card h2,
.mentor-how-card h2{margin:8px 0 18px}
.mentor-request-card label{
  display:block;
  font-weight:800;
  margin:14px 0 6px;
}
.mentor-request-card select,
.mentor-request-card textarea,
.mentor-request-card input[type="datetime-local"]{
  width:100%;
}
.mentor-duration{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.mentor-duration label{
  margin:0;
  padding:9px 12px;
  border:1px solid #dbe3ef;
  border-radius:12px;
  cursor:pointer;
}
.mentor-slots{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}
.mentor-slot{
  text-align:left;
  border:1px solid #dbe3ef;
  background:#fff;
  border-radius:14px;
  padding:12px;
  cursor:pointer;
  transition:.2s ease;
}
.mentor-slot:hover,
.mentor-slot.selected{
  border-color:#6d2fb0;
  background:#f6effd;
  transform:translateY(-1px);
}
.mentor-slot strong,
.mentor-slot span{display:block}
.mentor-slot span{color:var(--muted);font-size:12px;margin-top:4px}
.mentor-no-slots{
  padding:12px;
  border-radius:12px;
  background:#f7f8fb;
  color:var(--muted);
  margin-top:8px;
}
.mentor-how-card ol{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.mentor-how-card li{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  line-height:1.5;
}
.mentor-note{
  margin-top:18px;
  padding:14px;
  border-radius:14px;
  background:#fff5ec;
  border:1px solid #ffd7b8;
}
.mentor-note p{margin:5px 0 0}
.mentor-history-section{margin-top:28px}
.mentor-request-list{
  display:grid;
  gap:14px;
}
.mentor-request-item{padding:20px}
.mentor-request-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.mentor-request-head h2{margin:7px 0 0}
.mentor-date{font-weight:800;color:var(--blue)}
.mentor-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:900;
}
.mentor-status.requested,
.mentor-status.reserved{
  background:#fff3d8;
  color:#8a5a00;
}
.mentor-status.scheduled,
.mentor-status.booked{
  background:#e8f0ff;
  color:#1955a5;
}
.mentor-status.completed{
  background:#e8f7ed;
  color:#176b37;
}
.mentor-status.cancelled{
  background:#f3f3f5;
  color:#727684;
}
.mentor-status.open{
  background:#e8f7ed;
  color:#176b37;
}
.mentor-request-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.mentor-request-meta span{
  background:#f4f6fa;
  border-radius:10px;
  padding:7px 10px;
  font-size:13px;
}
.mentor-request-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.mentor-admin-hero{
  padding:28px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(135deg,#1c4c92,#55258d);
  margin-bottom:18px;
}
.mentor-admin-hero h1{margin:8px 0;font-size:clamp(28px,4vw,44px)}
.mentor-admin-hero p{color:#e6edfa;margin:0}
.mentor-admin-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.mentor-slot-admin-card{
  padding:20px;
  margin-bottom:24px;
}
.mentor-slot-form{
  display:grid;
  grid-template-columns:1fr .6fr 1.2fr auto;
  gap:12px;
  align-items:end;
}
.mentor-slot-form label,
.mentor-admin-edit label{
  display:block;
  font-weight:800;
  margin-bottom:6px;
}
.mentor-slot-form input,
.mentor-slot-form select,
.mentor-admin-edit input{
  width:100%;
}
.mentor-admin-slots{
  display:grid;
  gap:8px;
  margin-top:18px;
}
.mentor-admin-slot{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid #e1e7f0;
  border-radius:12px;
}
.mentor-admin-slot strong,
.mentor-admin-slot span{display:block}
.mentor-admin-slot>div span{color:var(--muted);font-size:12px;margin-top:3px}
.mentor-admin-requests-section{margin-top:18px}
.mentor-admin-requests{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.mentor-admin-request{padding:20px}
.mentor-admin-request .mentor-request-head p{margin:3px 0;color:var(--muted)}
.mentor-admin-detail{
  padding:12px 0;
  border-bottom:1px solid #e8edf5;
}
.mentor-admin-detail p{margin:5px 0}
.mentor-admin-edit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:14px;
}
.mentor-admin-note-field{grid-column:1/-1}
.mentor-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.mentor-google-help{
  margin-top:12px;
  padding:10px 12px;
  border-radius:10px;
  background:#f5f7fb;
  color:var(--muted);
  font-size:12px;
}
.mentor-shortcut{
  border:1px solid #d8c3f5;
}
.admin-shortcut-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media(max-width:1000px){
  .mentor-grid{grid-template-columns:1fr}
  .mentor-slot-form{grid-template-columns:1fr 1fr}
  .mentor-slot-form .btn{width:100%}
}
@media(max-width:800px){
  .env-grid-four{grid-template-columns:1fr}
  .mentor-live-badge{display:none}
  .mentor-slots{grid-template-columns:1fr}
  .mentor-admin-stats{grid-template-columns:repeat(2,1fr)}
  .mentor-admin-edit{grid-template-columns:1fr}
  .mentor-admin-note-field{grid-column:auto}
  .mentor-admin-slot{grid-template-columns:1fr}
}
@media(max-width:650px){
  .mentor-hero{padding:24px}
  .mentor-request-head{display:block}
  .mentor-date{display:block;margin-top:8px}
  .mentor-slot-form{grid-template-columns:1fr}
  .mentor-admin-stats{grid-template-columns:1fr 1fr}
  .admin-shortcut-actions{justify-content:flex-start;margin-top:12px}
}