:root {
  --ink:#090c19;
  --panel:#111629;
  --panel-light:#18203a;
  --red:#d9272e;
  --red-soft:#ff5b57;
  --cream:#f2e7d1;
  --muted:#9b9fb4;
  --line:rgba(242,231,209,.14);
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  margin:0;
  background:var(--ink);
  color:var(--cream);
  font-family:'DM Sans', sans-serif;
  min-width:320px;
}
.grain {
  pointer-events:none;
  position:fixed;
  inset:0;
  opacity:.08;
  z-index:10;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.site-header {
  height:88px;
  padding:16px clamp(24px,6vw,86px);
  display:flex;
  align-items:center;
  gap:52px;
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:2;
  background:rgba(9,12,25,.76);
  backdrop-filter:blur(14px);
}
.brand {
  display:flex;
  align-items:center;
  width:170px;
}
.brand img {
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 4px 18px rgba(255,244,217,.12));
}
.top-nav {
  display:flex;
  gap:28px;
  margin-right:auto;
}
.top-nav a {
  color:var(--muted);
  text-decoration:none;
  font-size:.9rem;
  transition:color .2s;
}
.top-nav a:hover {
  color:var(--cream);
}
.account-area {
  display:flex;
  align-items:center;
  gap:18px;
}
.account-label {
  color:var(--muted);
  font-size:.82rem;
}
.button {
  border:1px solid transparent;
  border-radius:3px;
  padding:12px 20px;
  font:600 .85rem 'DM Sans',sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  justify-content:center;
  transition:transform .2s, background .2s, border .2s;
}
.button:hover {
  transform:translateY(-2px);
}
.button-red {
  background:var(--red);
  color:#fff;
}
.button-red:hover {
  background:#ef3c40;
}
.button-ghost {
  color:var(--cream);
  background:transparent;
  border-color:rgba(242,231,209,.33);
}
.button-ghost:hover {
  border-color:var(--cream);
}
.hero {
  min-height:560px;
  padding:82px clamp(24px,9vw,140px) 76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.hero:after {
  content:'';
  position:absolute;
  width:530px;
  height:530px;
  border-radius:50%;
  right:8%;
  top:8%;
  background:radial-gradient(circle, rgba(142,23,37,.26), transparent 66%);
  filter:blur(20px);
}
.hero-copy {
  position:relative;
  z-index:1;
  max-width:670px;
}
.eyebrow {
  color:var(--red-soft);
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:.68rem;
  font-weight:600;
  margin:0 0 18px;
}
.hero h1, h2 {
  font-family:Cinzel, Georgia, serif;
  font-weight:500;
  line-height:1.08;
  margin:0;
}
.hero h1 {
  font-size:clamp(2.7rem,6vw,5.5rem);
  letter-spacing:-.04em;
}
.hero h1 em {
  color:var(--red-soft);
  font-style:normal;
}
.hero-text {
  color:var(--muted);
  max-width:470px;
  font-size:1.08rem;
  line-height:1.65;
  margin:25px 0 30px;
}
.hero-mark {
  width:310px;
  height:310px;
  border:1px solid rgba(242,231,209,.16);
  border-radius:50%;
  position:relative;
  z-index:1;
  margin-right:8%;
  display:grid;
  place-items:center;
  transform:rotate(16deg);
}
.hero-mark:before {
  content:'';
  width:210px;
  height:210px;
  border:1px solid rgba(217,39,46,.48);
  border-radius:50%;
}
.sigil {
  position:absolute;
  font-size:5.2rem;
  color:var(--cream);
  transform:rotate(-16deg);
  text-shadow:0 0 35px rgba(242,231,209,.4);
}
.orbit {
  position:absolute;
  inset:25px;
  border:1px solid rgba(242,231,209,.14);
  border-radius:50%;
}
.orbit-two {
  inset:54px;
  border-color:rgba(217,39,46,.28);
}
.courses-section {
  padding:70px clamp(24px,7vw,105px) 104px;
  background:linear-gradient(180deg,rgba(17,22,41,.4),rgba(17,22,41,.92));
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:35px;
}
.section-heading h2, .about-section h2 {
  font-size:clamp(1.75rem,3vw,2.7rem);
}
.filter-tabs {
  display:flex;
  gap:8px;
}
.filter {
  color:var(--muted);
  border:1px solid var(--line);
  background:transparent;
  padding:10px 14px;
  border-radius:99px;
  cursor:pointer;
  font:500 .8rem 'DM Sans',sans-serif;
}
.filter.active, .filter:hover {
  color:var(--cream);
  background:rgba(217,39,46,.14);
  border-color:rgba(217,39,46,.65);
}
.course-grid {
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}
.course-card {
  background:#0e1325;
  border:1px solid var(--line);
  overflow:hidden;
  transition:transform .25s,border .25s;
}
.course-card:hover {
  transform:translateY(-5px);
  border-color:rgba(242,231,209,.36);
}
.course-cover {
  aspect-ratio:1/1.16;
  position:relative;
  overflow:hidden;
  background:#202742;
}
.course-cover:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(4,6,14,.82));
}
.course-cover img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:filter .3s, transform .5s;
}
.course-card:hover img {
  transform:scale(1.04);
}
.course-card.locked .course-cover img {
  filter:blur(5px) brightness(.55) saturate(.7);
  transform:scale(1.05);
}
.course-card.locked .course-cover:after {
  background:linear-gradient(180deg,rgba(9,12,25,.15),rgba(4,6,14,.9));
}
.lock-badge {
  position:absolute;
  z-index:1;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,231,209,.54);
  border-radius:50%;
  background:rgba(9,12,25,.75);
  font-size:1rem;
}
.course-info {
  padding:17px 17px 19px;
}
.course-kicker {
  color:var(--red-soft);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.62rem;
}
.course-info h3 {
  font:500 1.13rem Cinzel,Georgia,serif;
  margin:8px 0 7px;
}
.course-info p {
  color:var(--muted);
  font-size:.8rem;
  margin:0;
  line-height:1.5;
}
.course-action {
  margin-top:14px;
  color:var(--cream);
  background:none;
  border:0;
  border-bottom:1px solid rgba(242,231,209,.36);
  padding:0 0 4px;
  font:500 .75rem 'DM Sans',sans-serif;
  cursor:pointer;
}
.course-card.locked .course-action {
  color:var(--red-soft);
}
.about-section {
  padding:90px clamp(24px,12vw,180px);
  display:grid;
  grid-template-columns:100px 1fr 170px;
  gap:40px;
  align-items:center;
  border-top:1px solid var(--line);
}
.about-symbol {
  color:var(--red-soft);
  font-size:5rem;
  font-family:Georgia,serif;
}
.about-section p:not(.eyebrow) {
  color:var(--muted);
  line-height:1.7;
  max-width:560px;
}
.about-stats {
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
}
.about-stats strong {
  font:500 1.7rem Cinzel,serif;
  color:var(--cream);
  margin-top:12px;
}
.about-stats span {
  color:var(--muted);
  font-size:.78rem;
}
.site-footer {
  display:flex;
  justify-content:space-between;
  padding:22px clamp(24px,6vw,86px);
  color:var(--muted);
  font-size:.68rem;
  letter-spacing:.11em;
  border-top:1px solid var(--line);
}
.site-footer span:first-child {
  color:var(--red-soft);
  font-family:Cinzel,serif;
}
.account-dialog {
  color:var(--cream);
  background:#111629;
  border:1px solid rgba(242,231,209,.25);
  width:min(420px,calc(100% - 32px));
  padding:35px;
  box-shadow:0 24px 80px rgba(0,0,0,.6);
}
.account-dialog::backdrop {
  background:rgba(3,5,12,.75);
  backdrop-filter:blur(4px);
}
.account-dialog h2 {
  font-size:1.8rem;
}
.account-dialog p:not(.eyebrow) {
  color:var(--muted);
  line-height:1.55;
  font-size:.9rem;
}
.dialog-close {
  position:absolute;
  top:12px;
  right:16px;
  color:var(--muted);
  background:none;
  border:0;
  font-size:1.6rem;
  cursor:pointer;
}
.field-label {
  display:block;
  color:var(--muted);
  font-size:.75rem;
  margin:24px 0 7px;
}
.field {
  width:100%;
  background:#090c19;
  border:1px solid var(--line);
  color:var(--cream);
  padding:13px 14px;
  outline:none;
  font:1rem 'DM Sans',sans-serif;
}
.field:focus {
  border-color:var(--red-soft);
}
.full {
  width:100%;
  margin-top:15px;
}
.text-button {
  display:block;
  background:none;
  border:0;
  color:var(--muted);
  text-decoration:underline;
  margin:18px auto 0;
  cursor:pointer;
}
.payment-result {
  min-height:100vh;
  display:grid;
  place-content:center;
  gap:18px;
  padding:30px;
  max-width:650px;
  margin:auto;
}
.payment-result h1 {
  font:500 clamp(2rem,5vw,4rem) Cinzel,Georgia,serif;
  margin:0;
}
.payment-result p:not(.eyebrow) {
  color:var(--muted);
  line-height:1.7;
}
.course-price {
  display:block;
  margin-top:8px;
  color:var(--red-soft);
  font-size:.85rem;
  font-weight:600;
}
.progress-line {
  width:80%;
  height:3px;
  background:rgba(242,231,209,.16);
  border-radius:9px;
  margin:13px auto 5px;
  overflow:hidden;
}
.progress-line span {
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--red),var(--red-soft));
  border-radius:inherit;
}
.course-info small {
  color:var(--muted);
  font-size:.67rem;
}
.course-cover {
  cursor:pointer;
}
.course-dialog {
  width:min(760px,calc(100% - 30px));
  padding:0;
  overflow:hidden;
  color:var(--cream);
  background:#111629;
  border:1px solid rgba(242,231,209,.25);
  box-shadow:0 26px 90px rgba(0,0,0,.7);
}
.course-dialog::backdrop {
  background:rgba(3,5,12,.8);
  backdrop-filter:blur(7px);
}
.course-dialog-cover {
  min-height:260px;
  background-size:cover;
  background-position:center;
  filter:saturate(.8);
}
.course-dialog-content {
  padding:28px 32px 32px;
}
.course-dialog-content h2 {
  font-size:2.1rem;
  margin:0;
}
.course-dialog-content p:not(.eyebrow) {
  color:var(--muted);
  line-height:1.65;
  max-width:580px;
}
.course-meta {
  color:var(--red-soft);
  font-size:.8rem;
  margin:18px 0 4px;
}
@media (max-width:760px) {
  .site-header {
    height:auto;
    flex-wrap:wrap;
    gap:20px;
    padding:18px 22px;
 }
.brand {
    width:145px;
 }
.top-nav {
    order:3;
    width:100%;
    gap:20px;
 }
.account-area {
    margin-left:auto;
 }
.account-label {
    display:none;
 }
.hero {
    min-height:540px;
    padding:62px 24px;
 }
.hero-mark {
    position:absolute;
    opacity:.27;
    right:-80px;
    top:110px;
 }
.section-heading {
    align-items:start;
    flex-direction:column;
 }
.filter-tabs {
    flex-wrap:wrap;
 }
.course-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
 }
.course-info {
    padding:13px;
 }
.course-info h3 {
    font-size:1rem;
 }
.about-section {
    grid-template-columns:1fr;
    gap:20px;
    padding:70px 24px;
 }
.about-symbol {
    display:none;
 }
.about-stats {
    display:flex;
    gap:10px 18px;
    flex-wrap:wrap;
    align-items:baseline;
 }
.site-footer {
    gap:14px;
    flex-wrap:wrap;
 }
.site-footer span:last-child {
    margin-left:auto;
 }
}
@media (max-width:420px) {
  .course-grid {
    grid-template-columns:1fr;
 }
.course-cover {
    aspect-ratio:1.45/1;
 }
.hero h1 {
    font-size:2.6rem;
 }
}
body.profile-picker {
  overflow-x:hidden;
}
.site-header {
  height:118px;
  justify-content:center;
  padding:18px 40px;
  border-bottom:0;
  background:transparent;
}
.brand {
  position:absolute;
  left:50%;
  top:-10px;
  transform:translateX(-50%);
  width:280px;
}
.top-nav {
  display:none;
}
.account-area {
  position:absolute;
  right:46px;
  top:31px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:7px 8px 7px 13px;
  border:1px solid rgba(242,231,209,.13);
  border-radius:999px;
  background:rgba(9,12,25,.42);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.account-label {
  display:flex;
  align-items:center;
  gap:8px;
  color:#c5c2cf;
  font-size:.78rem;
}
.account-label:before {
  content:'✦';
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:var(--red-soft);
  font-size:.65rem;
  border:1px solid rgba(217,39,46,.55);
  border-radius:50%;
}
.account-area .button-ghost {
  min-width:82px;
  padding:10px 16px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#e33a3e,#b71f2d);
  color:#fff;
  box-shadow:0 5px 14px rgba(217,39,46,.2);
}
.account-area .button-ghost:hover {
  background:linear-gradient(135deg,#f0514d,#d32934);
  box-shadow:0 7px 18px rgba(217,39,46,.32);
}
.hero {
  display:none;
}
.courses-section {
  min-height:calc(100vh - 118px);
  padding:86px 48px 110px;
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.courses-section {
  position:relative;
  isolation:isolate;
}
.courses-section:before {
  content:'';
  position:absolute;
  z-index:-1;
  width:760px;
  height:460px;
  top:48%;
  left:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse, rgba(65,31,55,.23), transparent 68%);
  filter:blur(28px);
  pointer-events:none;
}
.section-heading {
  display:block;
  text-align:center;
  margin-bottom:40px;
  transform:translateY(24px);
}
.section-heading .eyebrow {
  display:none;
}
.section-heading h2 {
  font-size:clamp(1.55rem,2.7vw,2.2rem);
  letter-spacing:.01em;
  text-shadow:0 0 30px rgba(242,231,209,.12);
}
.filter-tabs {
  justify-content:center;
  margin-top:24px;
  gap:10px;
}
.filter {
  padding:11px 18px;
  background:rgba(9,12,25,.34);
  backdrop-filter:blur(8px);
}
.course-grid {
  width:min(1050px,100%);
  margin:0 auto;
  grid-template-columns:repeat(3, minmax(180px, 220px));
  justify-content:center;
  gap:28px;
}
.course-card {
  background:transparent;
  border:0;
  text-align:center;
}
.course-card:hover {
  transform:translateY(-7px);
  border:0;
}
.course-grid {
  grid-template-columns:repeat(3, minmax(210px, 255px));
  gap:34px;
  transform:translateY(24px);
}
.course-cover {
  aspect-ratio:1/1.08;
  border-radius:7px;
  box-shadow:0 18px 38px rgba(0,0,0,.36), 0 0 0 1px rgba(242,231,209,.06);
  border:1px solid rgba(242,231,209,.2);
}
.course-cover:before {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 27%,transparent 70%,rgba(0,0,0,.2));
  opacity:.65;
  pointer-events:none;
}
.course-info {
  padding:16px 4px 0;
}
.course-kicker, .course-info p {
  display:none;
}
.course-info h3 {
  color:#c8c5d2;
  font:500 1.08rem 'DM Sans',sans-serif;
  margin:0;
  transition:color .2s, letter-spacing .2s;
}
.course-card:hover .course-info h3 {
  color:var(--cream);
}
.course-card:hover .course-info h3 {
  letter-spacing:.015em;
}
.course-action {
  margin-top:11px;
  color:var(--muted);
  border-bottom:0;
  font-size:.72rem;
  opacity:0;
  transition:opacity .2s;
}
.course-card:hover .course-action {
  opacity:1;
  color:var(--red-soft);
}
.course-card.locked .course-cover:after {
  background:linear-gradient(180deg,rgba(4,6,14,.12),rgba(4,6,14,.72));
}
.lock-badge {
  width:54px;
  height:54px;
  top:50%;
  right:50%;
  transform:translate(50%,-50%);
  color:var(--cream);
  box-shadow:0 5px 18px rgba(0,0,0,.55);
  background:rgba(9,12,25,.86);
  font-size:1.35rem;
  display:grid;
  place-items:center;
}
.about-section, .site-footer {
  display:none;
}
@media (max-width:760px) {
    .site-header {
    height:100px;
    padding:18px 22px;
 }
  .brand {
    width:225px;
    top:-18px;
 }
  .account-area {
    right:18px;
    top:22px;
    padding-left:9px;
 }
  .courses-section {
    min-height:calc(100vh - 100px);
    padding:60px 22px 80px;
 }
  .course-grid {
    grid-template-columns:repeat(2,minmax(140px,190px));
    gap:24px 16px;
 }
}
/* Refinamentos finais de identidade e responsividade */ .profile-picker {
  background:radial-gradient(ellipse at 50% 34%,rgba(36,28,47,.32),transparent 46%),linear-gradient(135deg,#080b16 0%,#0c1020 52%,#080b16 100%);
}
.profile-picker:after {
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(242,231,209,.08);
  z-index:8;
}
.section-heading h2:after {
  content:'';
  display:block;
  width:52px;
  height:1px;
  margin:15px auto 0;
  background:linear-gradient(90deg,transparent,var(--red-soft),transparent);
  opacity:.8;
}
.filter {
  letter-spacing:.02em;
  transition:all .25s;
}
.filter.active {
  box-shadow:0 0 18px rgba(217,39,46,.14);
}
.course-cover img {
  object-position:center;
}
.course-card:first-child .course-cover img {
  object-position:center 54%;
}
.course-card:nth-child(2) .course-cover img {
  object-position:center center;
}
.course-card:nth-child(3) .course-cover img {
  object-position:center 36%;
}
.course-card.locked .course-cover img {
  filter:blur(3px) brightness(.62) saturate(.78);
}
.course-info h3 {
  font-size:1rem;
}
.course-price {
  letter-spacing:.03em;
}
.progress-line {
  opacity:.78;
}
.course-action {
  transition:color .2s,opacity .2s,transform .2s;
}
.course-card:hover .course-action {
  transform:translateY(-1px);
}
/* Acabamento premium da biblioteca */ .course-cover {
  border-radius:10px;
  transition:box-shadow .3s,border-color .3s;
}
.course-card:hover .course-cover {
  border-color:rgba(242,231,209,.46);
  box-shadow:0 22px 44px rgba(0,0,0,.48),0 0 26px rgba(217,39,46,.08);
}
.course-info h3 {
  color:#d3cfda;
  text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.lock-badge {
  box-shadow:0 5px 18px rgba(0,0,0,.55),0 0 24px rgba(217,39,46,.18);
  border-color:rgba(242,231,209,.65);
}
[hidden] { display:none !important; }
.account-dialog {
  width:min(455px,calc(100% - 30px));
  padding:40px 36px 34px;
  border-radius:10px;
  background:linear-gradient(145deg,#131a31,#0d1223);
  border-color:rgba(242,231,209,.28);
  box-shadow:0 28px 100px rgba(0,0,0,.78),0 0 45px rgba(104,37,76,.12);
}
.account-dialog h2 { color:var(--cream); font-size:clamp(1.75rem,4vw,2.1rem); letter-spacing:.01em; margin-bottom:15px; }
.account-dialog p:not(.eyebrow) { font-size:.92rem; max-width:340px; }
.dialog-close { top:12px; right:14px; width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(242,231,209,.7); border-radius:4px; color:#b7bacb; font-size:1.35rem; line-height:1; transition:all .2s; }
.dialog-close:hover { color:#fff; border-color:var(--red-soft); background:rgba(217,39,46,.16); }
.field-label { margin-top:26px; letter-spacing:.01em; }
.field { border-radius:3px; background:rgba(5,8,18,.68); border-color:rgba(242,231,209,.18); transition:border .2s,box-shadow .2s; }
.field:focus { border-color:var(--red-soft); box-shadow:0 0 0 3px rgba(217,39,46,.12); }
.account-dialog .button-red { border-radius:4px; padding:14px 20px; margin-top:16px; box-shadow:0 10px 24px rgba(217,39,46,.16); }
.account-dialog .text-button { color:#afb2c1; margin-top:20px; }
.account-dialog .text-button:hover { color:var(--cream); }
.course-page { min-height:100vh; background:radial-gradient(ellipse at 50% 0%,rgba(48,28,48,.35),transparent 50%),#080b16; }
.course-header { height:86px; padding:14px clamp(22px,6vw,82px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.course-header img { width:130px; height:60px; object-fit:contain; }
.back-link,.course-user { color:var(--muted); text-decoration:none; font-size:.82rem; }.back-link:hover { color:var(--cream); }.course-user { color:#c9c4d2; }
.course-hero-page { width:min(1120px,calc(100% - 44px)); margin:52px auto 70px; display:grid; grid-template-columns: .95fr 1.05fr; min-height:350px; border:1px solid var(--line); background:#111629; overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,.28); }
.course-hero-image { min-height:350px; background-size:cover; background-position:center; position:relative; }.course-hero-image:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,12,25,.05),rgba(9,12,25,.45)); }
.course-hero-copy { padding:54px 58px; align-self:center; }.course-hero-copy h1 { font:500 clamp(2rem,4vw,3.4rem) Cinzel,Georgia,serif; margin:0 0 18px; }.course-hero-copy > p:not(.eyebrow) { color:var(--muted); line-height:1.7; max-width:480px; }.course-progress-label { display:flex; justify-content:space-between; max-width:480px; color:#c9c4d2; font-size:.78rem; margin-top:30px; }.course-progress-bar { height:5px; max-width:480px; margin-top:9px; background:rgba(242,231,209,.15); border-radius:8px; overflow:hidden; }.course-progress-bar span { display:block; height:100%; background:linear-gradient(90deg,var(--red),var(--red-soft)); }
.course-hero-image { min-height:350px; background-size:cover; background-position:center; position:relative; }.course-hero-image:after { content:''; position:absolute; inset:0; background:linear-gradient(145deg,rgba(9,12,25,.05),rgba(9,12,25,.28)); }.lesson-side-preview { background:linear-gradient(145deg,#151b31,#0d1223); height:100%; }.selected-lesson-label { display:block; color:var(--muted); font-size:.66rem; letter-spacing:.16em; margin-bottom:12px; }.lesson-side-preview .video-play { display:grid; place-items:center; margin:24px 0 0; }
.lessons-section { width:min(900px,calc(100% - 44px)); margin:0 auto 100px; }.lessons-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:24px; }.lessons-heading h2 { font-size:clamp(1.65rem,3vw,2.4rem); }.lessons-heading > span { color:var(--muted); font-size:.8rem; }.lessons-list { border-top:1px solid var(--line); }.lesson-row { width:100%; display:flex; align-items:center; gap:22px; padding:19px 14px; color:var(--cream); background:transparent; border:0; border-bottom:1px solid var(--line); text-align:left; cursor:pointer; transition:background .2s,padding .2s; }.lesson-row:hover,.lesson-row.current { background:rgba(217,39,46,.07); padding-left:20px; }.lesson-number { color:var(--red-soft); font:500 1rem Cinzel,serif; width:30px; }.lesson-name { display:flex; flex-direction:column; gap:5px; flex:1; }.lesson-name strong { font-size:.96rem; font-weight:500; }.lesson-name small { color:var(--muted); font-size:.72rem; }.lesson-play { width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:.7rem; }.lesson-row.current .lesson-play { color:var(--red-soft); border-color:rgba(217,39,46,.55); }
@media (max-width:700px) { .course-header { height:72px; }.course-header img { width:100px; }.course-user { display:none; }.course-hero-page { grid-template-columns:1fr; margin-top:28px; }.course-hero-image { min-height:250px; }.course-hero-copy { padding:32px 24px; }.lessons-section { margin-bottom:60px; }.lesson-row { gap:12px; padding:16px 4px; }.lesson-row:hover,.lesson-row.current { padding-left:8px; } }
.account-dialog { width:min(760px,calc(100% - 30px)); display:grid; grid-template-columns:220px 1fr; column-gap:36px; padding:34px 38px 34px 28px; }
.account-dialog .dialog-close { z-index:2; }
.account-showcase { min-height:390px; border:1px solid rgba(242,231,209,.12); border-radius:8px; background:radial-gradient(circle at 50% 38%,rgba(217,39,46,.22),transparent 36%),linear-gradient(160deg,rgba(24,32,58,.95),rgba(8,11,22,.95)); display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.account-showcase:before,.account-showcase:after { content:''; position:absolute; border:1px solid rgba(242,231,209,.16); border-radius:50%; width:180px; height:180px; }
.account-showcase:after { width:125px; height:125px; border-color:rgba(217,39,46,.35); }
.account-showcase img { width:155px; height:auto; position:relative; z-index:1; filter:drop-shadow(0 0 18px rgba(242,231,209,.18)); }
.account-showcase span { color:#b7bacb; font:500 .72rem 'DM Sans',sans-serif; letter-spacing:.12em; text-transform:uppercase; text-align:center; position:relative; z-index:1; margin-top:16px; }
.account-showcase i { color:var(--red-soft); font-style:normal; position:relative; z-index:1; margin-top:22px; }
.account-showcase { grid-column:1; grid-row:1 / span 8; }
.account-dialog > .eyebrow { align-self:end; }
.account-dialog > h2 { align-self:start; }
.account-dialog > p:not(.eyebrow) { align-self:start; }
.account-dialog > .eyebrow,
.account-dialog > h2,
.account-dialog > p:not(.eyebrow) { grid-column:2; }
.account-dialog > #authFields,.account-dialog > #loginButton,.account-dialog > #registerButton,.account-dialog > #authToggle,.account-dialog > #logoutButton { grid-column:2; }
.account-dialog:before { display:none; }
@media (max-width:620px) {
  .account-dialog { display:block; padding:34px 24px 28px; }
  .account-showcase { min-height:150px; margin-bottom:25px; }
  .account-showcase img { width:120px; }
  .account-showcase:before { width:130px; height:130px; }.account-showcase:after { width:88px; height:88px; }
}
.account-dialog { padding-top:34px; }
.account-dialog:before { content:''; display:block; width:42px; height:3px; margin-bottom:22px; border-radius:4px; background:linear-gradient(90deg,var(--red),var(--red-soft)); }
.account-dialog .eyebrow { margin-bottom:13px; font-size:.63rem; }
.account-dialog h2 { margin-top:0; margin-bottom:12px; }
.account-dialog p:not(.eyebrow) { margin-top:0; margin-bottom:22px; }
.account-dialog .field-label { margin:15px 0 6px; font-size:.72rem; }
.account-dialog .field { padding:14px 15px; }
.account-dialog #registerButton { background:linear-gradient(135deg,#e33a3e,#b71f2d); color:#fff; border:0; }
.account-dialog #registerButton:hover { background:linear-gradient(135deg,#f0514d,#d32934); }
.account-dialog .text-button { font-size:.78rem; }
.lesson-page { min-height:100vh; background:radial-gradient(ellipse at 50% 0%,rgba(48,28,48,.35),transparent 50%),#080b16; }
.lesson-main { width:min(1000px,calc(100% - 44px)); margin:42px auto 90px; }
.video-stage { min-height:500px; background:linear-gradient(145deg,#151b31,#080b16); border:1px solid var(--line); box-shadow:0 24px 70px rgba(0,0,0,.36); display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.video-stage:before,.video-stage:after { content:''; position:absolute; border:1px solid rgba(242,231,209,.11); border-radius:50%; width:360px; height:360px; }.video-stage:after { width:250px; height:250px; border-color:rgba(217,39,46,.27); }
.video-symbol { color:var(--cream); font-size:3.5rem; position:relative; z-index:1; text-shadow:0 0 30px rgba(242,231,209,.38); }.video-stage > span,.video-stage > small { position:relative; z-index:1; }.video-stage > span { margin-top:18px; font:500 1.15rem Cinzel,Georgia,serif; color:var(--cream); }.video-stage > small { color:var(--muted); margin-top:8px; }.video-play { position:relative; z-index:1; margin-top:26px; width:54px; height:54px; border-radius:50%; border:1px solid var(--red-soft); color:#fff; background:var(--red); cursor:pointer; box-shadow:0 0 28px rgba(217,39,46,.25); }
.lesson-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:38px 0 24px; }.lesson-heading h1 { font:500 clamp(1.8rem,4vw,3.1rem) Cinzel,Georgia,serif; margin:0; }.lesson-heading > span { color:var(--muted); font-size:.8rem; }.lesson-navigation { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:22px; }.lesson-navigation a { color:var(--muted); text-decoration:none; font-size:.84rem; }.lesson-navigation a:hover { color:var(--cream); }.lesson-navigation .next-lesson { color:var(--red-soft); }
.lesson-row { text-decoration:none; }
.video-stage video{position:relative;z-index:2;width:100%;height:100%;min-height:500px;display:block;object-fit:contain;background:#050711}.video-stage:has(video){padding:0}.video-stage:has(video):before,.video-stage:has(video):after{display:none}
@media (max-width:700px) { .lesson-main { width:calc(100% - 28px); margin-top:25px; }.video-stage { min-height:300px; }.video-stage:before { width:240px;height:240px; }.video-stage:after { width:170px;height:170px; }.lesson-heading { align-items:start; flex-direction:column; }.lesson-navigation { padding-bottom:24px; } }
.course-video-preview { min-height:350px; background:linear-gradient(145deg,#171e36,#080b16); display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.course-video-preview:before,.course-video-preview:after { content:''; position:absolute; border:1px solid rgba(242,231,209,.11); border-radius:50%; width:260px; height:260px; }.course-video-preview:after { width:180px; height:180px; border-color:rgba(217,39,46,.28); }
.course-video-preview span,.course-video-preview small,.course-video-preview .video-symbol,.course-video-preview .video-play { position:relative; z-index:1; }.course-video-preview span { margin-top:16px; font:500 1rem Cinzel,Georgia,serif; color:var(--cream); }.course-video-preview small { color:var(--muted); margin-top:8px; }
.lesson-check { width:22px; height:22px; display:grid; place-items:center; border:1px solid rgba(242,231,209,.24); border-radius:50%; color:transparent; flex:0 0 22px; font-size:.7rem; transition:all .2s; }.lesson-check:hover { border-color:var(--red-soft); }.lesson-check.done { color:#fff; background:var(--red); border-color:var(--red); }
.course-hero-page { grid-template-columns:1fr 1fr; align-items:stretch; }.course-left-column { display:flex; flex-direction:column; background:#111629; }.course-left-column .course-hero-image { min-height:260px; flex:0 0 260px; }.course-left-copy { padding:26px 34px 30px; }.course-left-copy h1 { font:500 clamp(1.7rem,3vw,2.5rem) Cinzel,Georgia,serif; margin:0 0 10px; }.course-left-copy > p:not(.eyebrow) { color:var(--muted); line-height:1.55; margin:0; font-size:.9rem; }.course-left-copy .eyebrow { margin-bottom:10px; }.lesson-side-preview { min-height:100%; justify-content:center; }
@media (max-width:700px) { .course-video-preview { min-height:250px; } }
.course-layout { width:min(1250px,calc(100% - 44px)); margin:52px auto 90px; display:grid; grid-template-columns:380px 1fr; gap:14px; align-items:stretch; }
.course-layout { filter:drop-shadow(0 24px 45px rgba(0,0,0,.22)); }
.course-card-panel { background:#111629; border:1px solid var(--line); overflow:hidden; display:flex; flex-direction:column; min-height:720px; }.course-card-panel .course-hero-image { min-height:390px; flex:0 0 390px; background-size:cover; background-position:center; position:relative; }.course-card-panel .course-hero-image:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(9,12,25,.02),rgba(9,12,25,.38)); }.course-card-panel .course-left-copy { padding:28px 28px 34px; }.course-card-panel .course-left-copy h1 { font:500 clamp(1.75rem,3vw,2.55rem) Cinzel,Georgia,serif; margin:0 0 15px; }.course-card-panel .course-left-copy > p:not(.eyebrow) { color:var(--muted); line-height:1.6; font-size:.88rem; }
.course-right-panel { min-width:0; display:grid; grid-template-rows:minmax(350px,1fr) auto; gap:14px; }.lesson-video-panel { min-height:410px; background:#fff; color:#0d1223; border:1px solid rgba(242,231,209,.2); display:flex; align-items:center; justify-content:space-between; overflow:hidden; position:relative; }.lesson-video-copy { width:48%; padding:44px; position:relative; z-index:1; }.lesson-video-copy .eyebrow { color:#bd2733; }.lesson-video-copy h1 { font:500 clamp(1.8rem,3vw,3.2rem) Cinzel,Georgia,serif; line-height:1.1; margin:12px 0 18px; }.lesson-video-copy > p:not(.eyebrow) { color:#4b5364; line-height:1.55; }.lesson-video-copy .video-play { margin-top:18px; }.video-placeholder-mark { color:#161a29; font:300 7rem Cinzel,Georgia,serif; opacity:.28; margin-right:13%; transform:rotate(-8deg); }.course-right-panel .lessons-section { width:100%; margin:0; padding:26px 28px 22px; background:#0e1325; border:1px solid var(--line); }.course-right-panel .lessons-heading { margin-bottom:18px; }.course-right-panel .lessons-heading h2 { font-size:1.5rem; }.course-right-panel .lesson-row { padding:13px 4px; }.course-right-panel .lesson-row:hover,.course-right-panel .lesson-row.current { padding-left:10px; }
.lesson-video-panel { border-radius:3px; background:radial-gradient(circle at 78% 50%,rgba(198,190,181,.42),transparent 19%),linear-gradient(135deg,#fffdf9 0%,#f3f0ec 100%); box-shadow:inset 0 0 70px rgba(116,83,58,.06); }
.lesson-video-panel:before { content:''; position:absolute; inset:18px; border:1px solid rgba(20,25,39,.08); pointer-events:none; }
.lesson-video-copy h1 { letter-spacing:-.02em; }.lesson-video-copy .selected-lesson-label { color:#6d7588; }
.video-placeholder-mark { opacity:.2; text-shadow:0 8px 25px rgba(49,36,25,.16); }
.course-right-panel .lessons-section { border-radius:3px; box-shadow:0 12px 30px rgba(0,0,0,.2); }.course-right-panel .lessons-heading h2 { letter-spacing:-.01em; }.course-right-panel .lesson-row { transition:background .2s,transform .2s; }.course-right-panel .lesson-row:hover { transform:translateX(3px); }
@media (max-width:900px) { .course-layout { grid-template-columns:300px 1fr; }.course-card-panel .course-hero-image { min-height:300px; flex-basis:300px; }.lesson-video-copy { padding:30px; }.video-placeholder-mark { font-size:5rem; margin-right:8%; } }
@media (max-width:700px) { .course-layout { width:calc(100% - 28px); margin-top:25px; grid-template-columns:1fr; }.course-card-panel { min-height:0; }.course-card-panel .course-hero-image { min-height:280px; flex-basis:280px; }.course-right-panel { display:flex; flex-direction:column; }.lesson-video-panel { min-height:340px; }.lesson-video-copy { width:70%; padding:24px; }.video-placeholder-mark { font-size:4rem; margin-right:5%; }.course-right-panel .lessons-section { padding:22px 16px; } }

/* Redesign da área de estudos */
.course-page {
  background:
    radial-gradient(circle at 75% 18%, rgba(91,35,63,.22), transparent 28%),
    radial-gradient(circle at 18% 72%, rgba(36,48,83,.22), transparent 30%),
    #070a14;
}
.course-header {
  height:82px;
  padding:14px clamp(22px,5vw,72px);
  border-bottom:1px solid rgba(242,231,209,.11);
  background:rgba(7,10,20,.7);
  backdrop-filter:blur(18px);
}
.course-header:after {
  content:'';
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,39,46,.7),transparent);
  opacity:.5;
}
.course-header img { width:112px; height:54px; opacity:.9; }
.back-link,.course-user { color:#b8bbca; transition:color .2s,transform .2s; }
.back-link:hover { color:var(--cream); transform:translateX(-3px); }
.course-user { padding:10px 15px; border:1px solid rgba(242,231,209,.14); border-radius:999px; font-size:.75rem; }
.course-layout {
  width:min(1280px,calc(100% - 64px));
  margin:42px auto 100px;
  grid-template-columns:350px minmax(0,1fr);
  gap:22px;
  filter:none;
}
.course-card-panel {
  min-height:740px;
  border:1px solid rgba(242,231,209,.16);
  border-radius:16px;
  background:linear-gradient(165deg,rgba(22,29,52,.98),rgba(11,15,29,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.04);
}
.course-card-panel .course-hero-image {
  min-height:405px;
  flex-basis:405px;
  background-position:center;
  border-radius:15px 15px 0 0;
}
.course-card-panel .course-hero-image:after {
  background:linear-gradient(180deg,rgba(7,10,20,.03) 35%,rgba(7,10,20,.76) 100%);
}
.course-card-panel .course-left-copy { padding:30px 31px 34px; }
.course-card-panel .course-left-copy:before {
  content:'LEGION · BIBLIOTECA DE ESTUDOS';
  display:block;
  color:#737b91;
  font-size:.56rem;
  letter-spacing:.18em;
  margin-bottom:24px;
}
.course-card-panel .course-left-copy h1 {
  font-size:2.45rem;
  line-height:1.04;
  letter-spacing:-.025em;
  margin-bottom:17px;
}
.course-card-panel .course-left-copy > p:not(.eyebrow) { color:#aeb3c4; font-size:.88rem; }
.course-right-panel { gap:22px; grid-template-rows:420px auto; }
.lesson-video-panel {
  min-height:420px;
  border:1px solid rgba(242,231,209,.16);
  border-radius:16px;
  color:var(--cream);
  background:
    radial-gradient(circle at 84% 48%,rgba(202,173,143,.14),transparent 19%),
    linear-gradient(135deg,#1a2038 0%,#10152a 55%,#0c1121 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04);
}
.lesson-video-panel:before {
  inset:18px;
  border:1px solid rgba(242,231,209,.1);
  border-radius:10px;
}
.lesson-video-panel:after {
  content:'AULA EM DESTAQUE';
  position:absolute;
  right:38px;
  top:30px;
  color:rgba(242,231,209,.42);
  font-size:.56rem;
  letter-spacing:.2em;
}
.lesson-video-copy { width:62%; padding:58px; }
.lesson-video-copy .eyebrow { color:var(--red-soft); margin-bottom:16px; }
.lesson-video-copy .selected-lesson-label { color:#9da5bb; font-size:.62rem; }
.lesson-video-copy h1 {
  color:var(--cream);
  font-size:clamp(2rem,3.4vw,3.7rem);
  line-height:1.04;
  letter-spacing:-.035em;
  margin:16px 0 20px;
  max-width:580px;
}
.lesson-video-copy > p:not(.eyebrow) { color:#aab0c2; max-width:390px; font-size:.92rem; }
.lesson-video-copy .video-play {
  width:58px; height:58px; margin-top:28px;
  border:0; background:linear-gradient(145deg,#ff5b57,#c8212d);
  box-shadow:0 10px 26px rgba(217,39,46,.28);
  transition:transform .2s,box-shadow .2s;
}
.lesson-video-copy .video-play:hover { transform:translateY(-3px) scale(1.04); box-shadow:0 15px 32px rgba(217,39,46,.4); }
.video-placeholder-mark {
  margin-right:11%; color:#eadfcf; opacity:.25; font-size:8rem;
  text-shadow:0 0 38px rgba(242,231,209,.26);
}
.course-right-panel .lessons-section {
  padding:30px 32px 24px;
  border-radius:16px;
  border:1px solid rgba(242,231,209,.14);
  background:linear-gradient(145deg,rgba(18,24,44,.98),rgba(11,15,29,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.course-right-panel .lessons-heading { margin-bottom:22px; }
.course-right-panel .lessons-heading h2 { font-size:1.7rem; color:var(--cream); }
.course-right-panel .lessons-heading > span { padding:7px 11px; border:1px solid rgba(242,231,209,.12); border-radius:999px; color:#aeb3c4; }
.course-right-panel .lessons-list { border-top:1px solid rgba(242,231,209,.1); }
.course-right-panel .lesson-row {
  min-height:67px; padding:14px 10px; gap:16px;
  border-bottom:1px solid rgba(242,231,209,.09);
  border-radius:8px;
}
.course-right-panel .lesson-row:hover,.course-right-panel .lesson-row.current {
  padding-left:16px;
  background:linear-gradient(90deg,rgba(217,39,46,.15),rgba(217,39,46,.03));
}
.lesson-number { width:34px; color:#ff5b57; font-size:.88rem; }
.lesson-name strong { color:#e7e2da; font-size:.9rem; }
.lesson-name small { color:#858da4; }
.lesson-check { width:24px; height:24px; flex-basis:24px; background:rgba(7,10,20,.45); }
.lesson-play { width:32px; height:32px; color:#8e96ab; }
.lesson-row.current .lesson-play { background:rgba(217,39,46,.15); color:#ff6a65; }
@media (max-width:900px) {
  .course-layout { width:min(760px,calc(100% - 36px)); grid-template-columns:290px 1fr; gap:15px; }
  .course-card-panel .course-hero-image { min-height:330px; flex-basis:330px; }
  .course-card-panel .course-left-copy { padding:24px; }
  .course-card-panel .course-left-copy h1 { font-size:2rem; }
  .lesson-video-copy { padding:38px; }
}
@media (max-width:700px) {
  .course-header { height:72px; }
  .course-layout { width:calc(100% - 28px); margin-top:25px; grid-template-columns:1fr; }
  .course-card-panel { min-height:0; }
  .course-card-panel .course-hero-image { min-height:300px; flex-basis:300px; }
  .course-right-panel { gap:15px; grid-template-rows:auto auto; }
  .lesson-video-panel { min-height:360px; }
  .lesson-video-copy { width:76%; padding:29px; }
  .lesson-video-copy h1 { font-size:2.05rem; }
  .video-placeholder-mark { font-size:4rem; margin-right:6%; }
  .course-right-panel .lessons-section { padding:22px 16px; }
}

/* O painel principal é a capa/vídeo da aula */
.lesson-video-panel {
  display:block;
  min-height:420px;
  padding:18px;
  background:#10152a;
}
.lesson-video-panel:before,
.lesson-video-panel:after {
  display:none;
}
.lesson-video-cover {
  position:relative;
  width:100%;
  height:100%;
  min-height:382px;
  overflow:hidden;
  border-radius:10px;
  background-size:cover;
  background-position:center;
  isolation:isolate;
}
.lesson-video-cover:before {
  content:'AULA 01  ·  CONTINUAR';
  position:absolute;
  z-index:2;
  top:22px;
  left:26px;
  color:rgba(242,231,209,.72);
  font-size:.62rem;
  letter-spacing:.18em;
}
.lesson-video-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,8,18,.2),rgba(5,8,18,.38) 45%,rgba(5,8,18,.8));
}
.lesson-video-cover .video-play {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:76px;
  height:76px;
  margin:0;
  border:1px solid rgba(255,255,255,.46);
  background:linear-gradient(145deg,#ff5b57,#c8212d);
  box-shadow:0 12px 35px rgba(0,0,0,.42),0 0 30px rgba(217,39,46,.3);
  transition:transform .2s,box-shadow .2s;
}
.lesson-video-cover .video-play:hover {
  transform:translate(-50%,-50%) scale(1.08);
  box-shadow:0 16px 45px rgba(0,0,0,.5),0 0 38px rgba(217,39,46,.42);
}
.lesson-video-copy,.video-placeholder-mark { display:none; }
@media (max-width:700px) {
  .lesson-video-panel { min-height:340px; padding:12px; }
  .lesson-video-cover { min-height:316px; }
  .lesson-video-cover:before { top:18px; left:18px; font-size:.55rem; }
}

/* Equilíbrio visual do cartão do curso */
.course-left-progress {
  margin-top:42px;
  padding-top:22px;
  border-top:1px solid rgba(242,231,209,.1);
}
.course-left-progress > div:first-child {
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#8e97ad;
  font-size:.68rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.course-left-progress strong {
  color:var(--cream);
  font-size:.76rem;
  font-weight:500;
}
.course-left-progress-bar {
  height:5px;
  margin-top:11px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(242,231,209,.12);
}
.course-left-progress-bar span {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#c8212d,#ff6862);
  box-shadow:0 0 12px rgba(255,91,87,.3);
}
.course-left-progress small {
  display:block;
  margin-top:10px;
  color:#717a92;
  font-size:.68rem;
}
.course-card-panel .course-left-copy h1 {
  max-width:260px;
}
.course-card-panel .course-hero-image {
  background-color:#241d24;
}
.lesson-video-panel {
  isolation:isolate;
}
.lesson-video-panel:after {
  z-index:2;
}
.lesson-video-copy {
  z-index:3;
}
.video-placeholder-mark {
  position:relative;
  z-index:1;
}
.course-right-panel .lessons-section {
  position:relative;
}
.course-right-panel .lessons-section:before {
  content:'';
  position:absolute;
  top:0;
  left:32px;
  width:52px;
  height:2px;
  border-radius:99px;
  background:var(--red-soft);
  box-shadow:0 0 14px rgba(255,91,87,.3);
}
@media (max-width:700px) {
  .course-left-progress { margin-top:28px; }
}