body.python-page {
  min-height: 100vh;
  min-height: 100dvh;
  color: #e8f2f5;
  background-color: #081521;
  background-image:
    linear-gradient(rgba(5, 13, 23, 0.36), rgba(5, 13, 23, 0.36)),
    url("assets/padrao-programacao-python.svg");
  background-repeat: repeat;
  background-size: auto, 900px 680px;
  background-attachment: scroll;
}

.python-page .topbar {
  background: rgba(6, 17, 29, 0.96);
  border-bottom: 1px solid rgba(94, 203, 227, 0.25);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
}

.python-page .brand,
.python-page .nav-links a {
  color: #e5f3f6;
}

.python-page .brand-mark {
  color: #09202c;
  background: linear-gradient(135deg, #66c8e6, #f3d65c);
}

.python-page .nav-links a:hover,
.python-page .nav-links a:focus-visible {
  color: #81f0b5;
}

.python-page .section-heading,
.python-page .subject-intro,
.python-page .lesson-card,
.python-page .challenge-panel {
  color: #e8f2f5;
  background-color: rgba(7, 18, 29, 0.94);
  background-image:
    linear-gradient(rgba(94, 203, 227, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94, 203, 227, 0.045) 1px, transparent 1px);
  background-size: 26px 26px;
  border: 1px solid rgba(103, 202, 223, 0.32);
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.42), 0 0 24px rgba(32, 142, 176, 0.08);
}

.python-page .section-heading {
  min-height: clamp(260px, 36vw, 350px);
  padding: 2rem clamp(1.25rem, 4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-top: 3px solid #54c6df;
  background-color: rgba(7, 18, 29, 0.94);
  background-image:
    linear-gradient(180deg, rgba(7, 18, 29, 0.06) 12%, rgba(7, 18, 29, 0.32) 48%, rgba(7, 18, 29, 0.96) 100%),
    url("assets/fundo-programacao-python.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 43%;
}

.python-page .section-heading h2,
.python-page .subject-intro h3,
.python-page .lesson-card h3,
.python-page .challenge-panel h3,
.python-page .activity-summary-label {
  color: #f3fbfc;
  text-shadow: 0 0 14px rgba(61, 191, 219, 0.16);
}

.python-page .eyebrow {
  color: #66e5aa;
}

.python-page .subject-intro p,
.python-page .lesson-card p,
.python-page .activity-instructions,
.python-page .activity-status {
  color: #c9dce3;
}

.python-page .lesson-link {
  color: #061c27;
  background: linear-gradient(135deg, #63c8e4, #8fe7c2);
  border: 1px solid rgba(175, 248, 239, 0.48);
}

.python-page .lesson-link:hover,
.python-page .lesson-link:focus-visible {
  color: #04131c;
  background: #a2f1cf;
}

.python-page .back-link {
  color: #77e4b1;
}

.python-page .back-link:hover,
.python-page .back-link:focus-visible {
  color: #b4f7d3;
}

.python-page .activity-summary {
  color: #f3fbfc;
}

.python-page .activity-summary:hover {
  background: rgba(74, 192, 210, 0.08);
}

.python-page .summary-action {
  color: #09202a;
  background: #7ce4b2;
}

.python-page .answer-btn {
  color: #eaf5f7;
  background: rgba(15, 39, 55, 0.76);
  border-color: rgba(106, 201, 220, 0.34);
}

.python-page .answer-btn:not(:disabled):hover,
.python-page .answer-btn:focus-visible {
  color: #fff;
  background: rgba(29, 73, 92, 0.86);
  border-color: #73e7c0;
}

.python-page .answer-btn.correct {
  color: #eafff3;
  background: rgba(25, 108, 77, 0.66);
  border-color: #75e6b1;
}

.python-page .answer-btn.wrong {
  color: #fff0ef;
  background: rgba(109, 49, 57, 0.65);
  border-color: #d9999b;
}

.python-page .primary-btn {
  color: #061c27;
  background: linear-gradient(135deg, #63c8e4, #8fe7c2);
  border-color: #73e7c0;
}

.python-page .primary-btn:hover {
  background: #a2f1cf;
}

:root[data-theme="dark"] body.python-page {
  color: #e8f2f5;
  background-color: #081521;
  background-image:
    linear-gradient(rgba(5, 13, 23, 0.36), rgba(5, 13, 23, 0.36)),
    url("assets/padrao-programacao-python.svg");
}

:root[data-theme="dark"] body.python-page .topbar {
  background: rgba(6, 17, 29, 0.96);
}

:root[data-theme="dark"] body.python-page .nav-links,
:root[data-theme="dark"] body.python-page .section-heading,
:root[data-theme="dark"] body.python-page .subject-intro,
:root[data-theme="dark"] body.python-page .lesson-card,
:root[data-theme="dark"] body.python-page .challenge-panel,
:root[data-theme="dark"] body.python-page .answer-btn {
  color: #e8f2f5;
  background-color: rgba(7, 18, 29, 0.94);
  border-color: rgba(103, 202, 223, 0.32);
}

:root[data-theme="dark"] body.python-page .section-heading {
  background-image:
    linear-gradient(180deg, rgba(7, 18, 29, 0.06) 12%, rgba(7, 18, 29, 0.32) 48%, rgba(7, 18, 29, 0.96) 100%),
    url("assets/fundo-programacao-python.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 43%;
}

:root[data-theme="dark"] body.python-page .section-heading h2,
:root[data-theme="dark"] body.python-page .subject-intro h3,
:root[data-theme="dark"] body.python-page .lesson-card h3,
:root[data-theme="dark"] body.python-page .challenge-panel h3,
:root[data-theme="dark"] body.python-page .activity-summary-label,
:root[data-theme="dark"] body.python-page .subject-intro p,
:root[data-theme="dark"] body.python-page .lesson-card p,
:root[data-theme="dark"] body.python-page .activity-instructions,
:root[data-theme="dark"] body.python-page .activity-status {
  color: #e8f2f5;
}

:root[data-theme="dark"] body.python-page .answer-btn.correct {
  color: #eafff3;
  background: rgba(25, 108, 77, 0.66);
}

:root[data-theme="dark"] body.python-page .answer-btn.wrong {
  color: #fff0ef;
  background: rgba(109, 49, 57, 0.65);
}

:root[data-theme="dark"] body.python-page .lesson-link,
:root[data-theme="dark"] body.python-page .primary-btn {
  color: #061c27;
  background: linear-gradient(135deg, #63c8e4, #8fe7c2);
}

@media (max-width: 700px) {
  body.python-page {
    background-attachment: scroll;
    background-size: auto, 620px 470px;
  }
}