/* AngelB — angelb.org. Shared optical material; content keeps a stable reading surface. */
:root {
  --glass-fill:rgba(240,249,255,.6);
  --glass-reflection:rgba(255,255,255,.86);
  --glass-edge:rgba(255,255,255,.94);
  --glass-depth:rgba(33,91,150,.21);
  --glass-shadow:0 16px 32px rgba(32,78,128,.12),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(56,107,157,.16);
  --glass-quiet:rgba(244,250,255,.83);
}
html[data-theme=dark] {
  --glass-fill:rgba(21,52,83,.58);
  --glass-reflection:rgba(151,205,255,.2);
  --glass-edge:rgba(163,217,255,.45);
  --glass-depth:rgba(0,8,21,.56);
  --glass-shadow:0 16px 34px rgba(0,8,21,.32),inset 0 1px 0 rgba(205,234,255,.3),inset 0 -1px 0 rgba(0,8,21,.34);
  --glass-quiet:rgba(18,38,62,.89);
}
body.glearning-ui {
  background:radial-gradient(ellipse 65% 620px at 96% 170px,rgba(74,160,230,.24),transparent 72%),radial-gradient(ellipse 50% 480px at 8% 30px,rgba(146,204,244,.34),transparent 76%),var(--page);
}
html[data-theme=dark] body.glearning-ui {
  background:radial-gradient(ellipse 65% 620px at 96% 170px,rgba(29,118,190,.3),transparent 72%),radial-gradient(ellipse 50% 480px at 8% 30px,rgba(55,124,180,.2),transparent 76%),var(--page);
}
.glass-bar,.hero__content,.hero-card,.course-side,.lesson-outline,.hall-request,.cookie-controls {
  background:linear-gradient(125deg,var(--glass-reflection),transparent 35%,transparent 70%,rgba(88,157,212,.11)),var(--glass-fill);
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(24px) saturate(1.55);
  -webkit-backdrop-filter:blur(24px) saturate(1.55);
}
.glass-bar {border-bottom-color:var(--glass-depth)}
.hero {gap:24px;padding-block:24px;align-items:stretch}
.hero__content {padding:28px;border-radius:20px;display:flex;flex-direction:column;justify-content:center}
.hero__content>.eyebrow {display:none}
.hero__actions {margin:18px 0}
.section--courses {padding-top:24px}
.hero__content .hero__proof {margin-top:0}
.hero__visual {min-height:380px;background:radial-gradient(ellipse at 68% 24%,rgba(31,128,205,.46),transparent 60%),radial-gradient(ellipse at 12% 95%,rgba(73,162,218,.52),transparent 62%),rgba(120,187,236,.14);border:1px solid var(--glass-edge);box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -1px rgba(36,93,150,.2)}
.hero-orb--one {background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.94),rgba(81,163,222,.52) 45%,rgba(13,87,156,.75));box-shadow:inset 0 1px 2px rgba(255,255,255,.96),inset -12px -20px 34px rgba(21,73,131,.22),0 22px 36px rgba(31,91,147,.16);border:1px solid rgba(255,255,255,.58)}
.hero-orb--two {background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.87),rgba(66,148,208,.55));border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 2px 5px rgba(255,255,255,.8),0 12px 24px rgba(28,81,135,.15)}
.hero-card {border-bottom-color:var(--glass-depth);backdrop-filter:blur(12px) saturate(1.7);-webkit-backdrop-filter:blur(12px) saturate(1.7)}
.hero-card--front {background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(229,244,255,.43) 48%,rgba(180,218,246,.63));box-shadow:0 20px 38px rgba(23,72,120,.2),inset 0 1px rgba(255,255,255,1),inset 0 -1px rgba(56,107,157,.23)}
html[data-theme=dark] .hero-card--front {background:linear-gradient(135deg,rgba(142,203,255,.25),rgba(19,49,80,.48) 48%,rgba(45,98,148,.37))}
html[data-theme=dark] .hero-card__tag {color:#c8e4ff}
html[data-theme=dark] .hero-card--front strong {color:#f0f8ff}
html[data-theme=dark] .hero-card--front small {color:#bedaf1}
.liquid-button.button:not(.button--ghost):not(.button--outline):not(.button--light) {background:linear-gradient(145deg,rgba(76,151,215,.9),rgba(18,87,150,.97) 56%,rgba(15,72,126,.98));border-color:rgba(148,203,245,.8);box-shadow:0 8px 18px rgba(23,81,139,.22),inset 0 1px 0 rgba(234,250,255,.65),inset 0 -1px 0 rgba(5,38,79,.4);color:#fff}
.liquid-button.button:hover:not(.button--ghost):not(.button--outline):not(.button--light) {background:linear-gradient(145deg,#368bd0,#0d4c88 65%,#0b3e70)}
html[data-theme=dark] body.glearning-ui .button.liquid-button:not(.button--ghost):not(.button--outline):not(.button--light),html[data-theme=dark] body.glearning-ui .button.liquid-button:not(.button--ghost):not(.button--outline):not(.button--light):hover {color:#fff}
.button--outline,.button--ghost,.icon-button,.menu-toggle,.button--light {background:linear-gradient(145deg,var(--glass-reflection),transparent 60%),var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:inset 0 1px rgba(255,255,255,.6),0 5px 12px rgba(26,78,129,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.button--ghost {border-color:var(--glass-depth)}
.button--light {background:linear-gradient(145deg,#fff,rgba(236,248,255,.84));color:#164f8e}
html[data-theme=dark] .liquid-button.button--outline,html[data-theme=dark] .liquid-button.button--ghost {color:#d5ebff}
.content-panel:not(.lesson-content):not(.commerce-panel),.course-card,.post-card {background:var(--glass-quiet);border-color:var(--glass-edge);box-shadow:0 12px 24px rgba(23,68,117,.09),inset 0 1px 0 var(--glass-reflection)}
.learning-player__controls {background:linear-gradient(130deg,rgba(133,192,239,.28),rgba(14,44,75,.68) 50%,rgba(23,76,122,.42));border-top:1px solid rgba(219,241,255,.46);box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(0,9,23,.3);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}
.footer-bottom a {color:#d0e8ff;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.footer-menu {display:flex;gap:12px 24px;flex-wrap:wrap;list-style:none;margin:0;padding:16px 0;border-top:1px solid rgba(210,234,255,.2)}
.footer-menu a {color:#cadff2;font-size:.88rem}
.footer-menu a:hover {color:#fff;text-decoration:underline}
.instructor-directory {display:grid;gap:20px;padding-top:16px}
.instructor-directory h2 {font-size:1.5rem}
.instructor-directory ul {padding-left:20px;margin:0}
.instructor-directory li+li {margin-top:10px}
.instructor-directory .text-link {white-space:normal}
.prose table {display:block;max-width:100%;overflow-x:auto}
.course-category-links {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.course-category-links a {padding:8px 13px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass-fill);box-shadow:inset 0 1px var(--glass-reflection);color:var(--blue-strong);font-size:.8rem;font-weight:700;backdrop-filter:blur(12px)}
.course-category-links a:hover {background:var(--blue-wash)}
.section--journal .post-card time {font-size:.8rem;color:var(--muted)}
.section--journal .post-card h3 {margin:10px 0;font-size:1.25rem}
@media(max-width:1140px) {
  .header-inner {min-height:60px;gap:12px}
  .header-actions {margin-left:auto}
  .menu-toggle {display:block;order:3}
  .primary-nav {display:none;position:absolute;top:calc(100% + 6px);left:16px;right:16px;margin:0;padding:10px;border:1px solid var(--glass-edge);border-radius:15px;background:var(--glass-quiet);box-shadow:var(--glass-shadow)}
  .primary-nav.is-open {display:block}
  .nav-list {display:block}
  .nav-list a {padding:12px}
  .nav-list .sub-menu {display:block;position:static;box-shadow:none;border:0;background:transparent;padding-left:16px}
}
@media(max-width:780px) {
  .primary-nav.is-open {background:linear-gradient(135deg,var(--glass-reflection),transparent 60%),var(--glass-quiet);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .hero {gap:20px}
}
@media(min-width:561px) and (max-width:780px) {
  .hero {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px}
  .hero__content {padding:24px 20px}
  .hero h1 {font-size:2.1rem}
  .hero__lede {font-size:.96rem;line-height:1.6}
  .hero__actions {gap:8px}
  .hero__actions .button {padding:11px 13px;font-size:.8rem;min-height:46px}
  .hero__visual {min-height:320px}
  .hero-orb--one {width:210px;height:210px;right:-35px}
  .hero-orb--two {width:90px;height:90px;left:12px;bottom:24px}
  .hero-card--back {width:145px;height:110px;left:15px;top:28px;padding:18px}
  .hero-card--front {width:185px;min-height:190px;right:12px;bottom:24px;padding:18px}
  .hero-card--front strong {font-size:1.25rem;margin-bottom:15px}
  .hero-card__icon {width:35px;height:35px;margin-bottom:12px;font-size:1.15rem}
  .hero-card__tag {font-size:.5rem}
}
@media(max-width:560px) {
  .hero {padding-top:12px;gap:0}
  .hero__content {padding:22px 18px;border-radius:16px}
  .hero h1 {font-size:clamp(1.9rem,8vw,2.35rem)}
  .hero__actions .button {white-space:normal;min-height:48px}
  .hero__proof {font-size:.72rem}
  .glass-bar {backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .glass-bar,.hero__content,.hero-card,.course-side,.lesson-outline,.hall-request,.cookie-controls {background:var(--surface)}
}
@media(prefers-reduced-transparency:reduce) {
  .glass-bar,.hero__content,.hero-card,.course-side,.lesson-outline,.hall-request,.cookie-controls,.primary-nav.is-open {background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media print {body.glearning-ui,html[data-theme=dark] body.glearning-ui {background:#fff!important}}

/* The certificate keeps the original formal arrangement and recognizable blue geometry. */
.certificate-sheet {min-height:650px;padding:40px 64px;border:1px solid #c7d7e4;border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 18px 36px rgba(23,63,100,.13)}
.certificate-sheet:before {inset:0 0 auto auto;width:240px;height:155px;border:0;background:linear-gradient(135deg,#94d0db 0 38%,#136b8e 38% 66%,#104c67 66%);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.certificate-sheet:after {content:"";position:absolute;inset:auto auto 0 0;width:220px;height:135px;background:linear-gradient(135deg,#104c67 0 35%,#94d0db 35% 67%,#dae5ec 67%);clip-path:polygon(0 0,100% 100%,0 100%);pointer-events:none}
.certificate-sheet>* {position:relative;z-index:1}
.certificate-sheet__brand {padding:0;border:0;border-radius:0}
.certificate-sheet h1 {font-size:3.3rem;margin:22px auto 24px;letter-spacing:.025em;text-transform:uppercase;line-height:1.1}
.certificate-sheet h1 span {display:block;margin-top:7px;font:650 .9rem/1.5 Manrope,sans-serif;letter-spacing:.22em}
.certificate-sheet__label {font-size:.8rem;letter-spacing:.12em}
.certificate-sheet__name {font:italic 600 clamp(2rem,3.5vw,3.15rem)/1.2 Georgia,serif;margin:9px 0 20px;max-width:100%;color:#145d8d}
.certificate-sheet h2 {font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.35;max-width:740px;margin-top:9px}
.certificate-sheet__description {font-size:.93rem;margin:0}
.certificate-sheet__progress {font-size:.78rem;margin-top:12px}
.certificate-sheet__footer {margin-top:28px;border-top:1px solid #c5d7e3;padding-top:15px;font-size:.9rem}
.certificate-sheet__sign img {max-width:105px;max-height:44px}
.certificate-sheet__code {margin-top:16px;padding-top:12px;border-top:1px solid #e0e9ef;font-size:.72rem;letter-spacing:.025em}
.certificate-view .whatsapp-contact {position:static;display:flex;width:max-content;margin:16px auto 24px;bottom:auto}
@media(max-width:700px) {
  .certificate-sheet {min-height:0;padding:34px 24px}
  .certificate-sheet:before {width:115px;height:90px}
  .certificate-sheet:after {width:105px;height:80px}
  .certificate-sheet h1 {font-size:clamp(1.6rem,7vw,2.3rem);margin:22px 0}
  .certificate-sheet h1 span {font-size:.7rem;letter-spacing:.16em}
  .certificate-sheet__name {font-size:2rem}
  .certificate-sheet__footer {gap:12px;font-size:.78rem}
}
@media print {
  .certificate-sheet {height:210mm;min-height:210mm;padding:13mm 20mm;border:0;overflow:hidden}
  .certificate-sheet:before {width:64mm;height:42mm}
  .certificate-sheet:after {width:58mm;height:36mm}
  .certificate-sheet h1 {font-size:34pt;margin:18px auto 20px}
  .certificate-sheet__name {font-size:32pt}
  .certificate-sheet h2 {font-size:19pt}
}
.certificate-sheet--portrait{max-width:720px;min-height:960px;margin-inline:auto;padding:64px 48px}.certificate-sheet--portrait h1{margin-top:72px;font-size:clamp(2rem,4vw,3rem)}.certificate-sheet--portrait .certificate-sheet__footer{margin-top:64px}.certificate-sheet__details{font-size:.82rem;max-width:680px;margin:12px auto;overflow-wrap:anywhere}.certificate-sheet h1{overflow-wrap:anywhere}@media(max-width:560px){.certificate-sheet--portrait{min-height:0;padding:34px 24px}.certificate-sheet--portrait h1{margin-top:24px;font-size:1.7rem}.certificate-sheet--portrait .certificate-sheet__footer{margin-top:32px}}