body[data-page-key="studentCertificates"] {
  --ananfx-bg-primary:#0B0B0C;
  --ananfx-bg-secondary:#101011;
  --ananfx-bg-tertiary:#141415;
  --ananfx-card-primary:#1C1C1E;
  --ananfx-card-secondary:#222224;
  --ananfx-card-elevated:#28282B;
  --ananfx-card-hover:#2D2D30;
  --ananfx-card-selected:#252527;
  --ananfx-border-primary:#38383C;
  --ananfx-border-secondary:#303034;
  --ananfx-divider:#28282B;
  --ananfx-border-hover:#4A4A4F;
  --ananfx-yellow-primary:#FFD000;
  --ananfx-yellow-bright:#FFE066;
  --ananfx-yellow-dark:#D9A800;
  --ananfx-text-primary:#F5F5F7;
  --ananfx-text-secondary:#B8B8BD;
  --ananfx-text-muted:#8E8E93;
  --ananfx-text-disabled:#636366;
  --ananfx-success:#42D392;
  --ananfx-danger:#EF5A4C;
  --ananfx-info:#4EA1FF;
  --ananfx-overlay:rgba(0,0,0,.74);
  --ananfx-shadow:rgba(0,0,0,.34);
  --ananfx-focus-ring:rgba(255,208,0,.32);
}

@media (max-width: 767px) {
  

  body[data-page-key="studentCertificates"] {margin:0;background:var(--ananfx-bg-primary);color:var(--ananfx-text-primary);overflow-x:clip}
  body[data-page-key="studentCertificates"].student-certificates-layer-open {overflow:hidden;touch-action:none}
  body[data-page-key="studentCertificates"] *,
  body[data-page-key="studentCertificates"] *::before,
  body[data-page-key="studentCertificates"] *::after {box-sizing:border-box}
  body[data-page-key="studentCertificates"] [hidden] {display:none!important}
  body[data-page-key="studentCertificates"] .student-certificates-mobile-page {display:block;min-height:100vh;overflow-x:clip;background:var(--ananfx-bg-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-desktop-fallback {display:none}
  body[data-page-key="studentCertificates"] .student-certificates-container {width:min(calc(100% - 32px),620px);margin-inline:auto}
  body[data-page-key="studentCertificates"] a {color:inherit}
  body[data-page-key="studentCertificates"] button,
  body[data-page-key="studentCertificates"] input,
  body[data-page-key="studentCertificates"] select {font:inherit}
  body[data-page-key="studentCertificates"] button,
  body[data-page-key="studentCertificates"] a {touch-action:manipulation}

  body[data-page-key="studentCertificates"] .student-certificates-header {position:relative;z-index:20;padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:var(--ananfx-card-primary);border-bottom:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-header__top {display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px}
  body[data-page-key="studentCertificates"] .student-certificates-icon-button,
  body[data-page-key="studentCertificates"] .student-certificates-avatar-button {width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ananfx-text-primary);cursor:pointer;text-decoration:none}
  body[data-page-key="studentCertificates"] .student-certificates-icon-button img {width:25px;height:25px;object-fit:contain}
  body[data-page-key="studentCertificates"] .student-certificates-avatar-button {overflow:hidden;border:1px solid var(--ananfx-border-primary);background:var(--ananfx-card-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-avatar-button img {width:100%;height:100%;object-fit:cover}
  body[data-page-key="studentCertificates"] .student-certificates-brand {min-width:0;display:flex;justify-content:center;align-items:center}
  body[data-page-key="studentCertificates"] .student-certificates-brand img {display:block;width:min(172px,100%);height:auto}
  body[data-page-key="studentCertificates"] .student-certificates-header__actions {display:flex;align-items:center;gap:1px}
  body[data-page-key="studentCertificates"] .student-certificates-notification-button {position:relative}
  body[data-page-key="studentCertificates"] .student-certificates-notification-button>span {position:absolute;top:6px;right:6px;width:8px;height:8px;border:2px solid var(--ananfx-card-primary);border-radius:50%;background:var(--ananfx-yellow-primary)}

  body[data-page-key="studentCertificates"] .student-certificates-main {padding-bottom:36px}
  body[data-page-key="studentCertificates"] .student-certificates-hero {position:relative;overflow:hidden;padding:36px 0 30px;background:var(--ananfx-card-primary);border-bottom:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-hero::after {content:"";position:absolute;right:-80px;bottom:-105px;width:260px;height:260px;border:1px solid rgba(255,208,0,.2);border-radius:50%}
  body[data-page-key="studentCertificates"] .student-certificates-hero__layout {position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(130px,.98fr);align-items:center;gap:10px}
  body[data-page-key="studentCertificates"] .student-certificates-hero__copy {min-width:0}
  body[data-page-key="studentCertificates"] .student-certificates-eyebrow {display:inline-block;color:var(--ananfx-yellow-primary);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.3}
  body[data-page-key="studentCertificates"] .student-certificates-hero h1 {margin:8px 0 12px;font-size:34px!important;line-height:1.18!important;letter-spacing:-.025em;overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-hero__copy>p {margin:0;color:var(--ananfx-text-secondary);font-size:15px!important;line-height:1.7!important}
  body[data-page-key="studentCertificates"] .student-certificates-user-line {margin-top:9px!important;color:var(--ananfx-text-secondary)!important;font-size:12px!important}
  body[data-page-key="studentCertificates"] .student-certificates-user-line strong {overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-sample-notice {display:grid;gap:1px;margin-top:16px;padding:10px 12px;border-left:3px solid var(--ananfx-yellow-primary);border-radius:0 10px 10px 0;background:rgba(255,208,0,.10);color:var(--ananfx-text-secondary)}
  body[data-page-key="studentCertificates"] .student-certificates-sample-notice strong {font-size:12px}
  body[data-page-key="studentCertificates"] .student-certificates-sample-notice span {font-size:11px;line-height:1.5}
  body[data-page-key="studentCertificates"] .student-certificates-hero-art {position:relative;min-height:190px}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate {position:absolute;top:8px;right:2px;width:146px;height:105px;padding:18px 22px;border:2px solid var(--ananfx-yellow-bright);background:linear-gradient(145deg,#FFFFFF,#FFFDF8);box-shadow:0 14px 34px var(--ananfx-shadow);transform:rotate(-5deg)}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate::before,
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate::after {content:"";position:absolute;inset:8px;border:1px solid rgba(217,168,0,.45)}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate::after {inset:13px;border-style:dotted}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate span {position:relative;z-index:1;display:block;height:4px;margin:8px auto;border-radius:999px;background:var(--ananfx-text-muted)}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate span:nth-child(1) {width:54%}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate span:nth-child(2) {width:72%}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate span:nth-child(3) {width:44%}
  body[data-page-key="studentCertificates"] .student-certificates-hero-certificate i {position:absolute;right:24px;bottom:16px;width:24px;height:24px;border:5px double var(--ananfx-yellow-primary);border-radius:50%}
  body[data-page-key="studentCertificates"] .student-certificates-hero-shield {position:absolute;left:2px;bottom:12px;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 12px 12px var(--ananfx-shadow))}
  body[data-page-key="studentCertificates"] .student-certificates-hero-medal {position:absolute;right:8px;bottom:0;width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 12px 12px var(--ananfx-shadow))}

  body[data-page-key="studentCertificates"] .student-certificates-section {margin-top:22px}
  body[data-page-key="studentCertificates"] .student-certificates-panel,
  body[data-page-key="studentCertificates"] .student-certificates-filter-panel,
  body[data-page-key="studentCertificates"] .student-certificates-verification-card,
  body[data-page-key="studentCertificates"] .student-certificates-next-goal,
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal,
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message {border:1px solid var(--ananfx-border-primary);border-radius:18px;background:var(--ananfx-card-primary);box-shadow:0 9px 28px var(--ananfx-shadow)}
  body[data-page-key="studentCertificates"] .student-certificates-panel,
  body[data-page-key="studentCertificates"] .student-certificates-filter-panel,
  body[data-page-key="studentCertificates"] .student-certificates-verification-card {padding:16px}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading {margin-bottom:13px}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading h2,
  body[data-page-key="studentCertificates"] .student-certificates-section-heading p {margin:0}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading h2 {margin-top:3px;font-size:22px!important;line-height:1.3!important}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading p {margin-top:4px;color:var(--ananfx-text-muted);font-size:13px!important;line-height:1.55!important}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading--row {display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading--row>div:first-child {min-width:0}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading--row>div:first-child:has(.student-certificates-heading-icon) {display:flex;align-items:center;gap:9px}
  body[data-page-key="studentCertificates"] .student-certificates-heading-icon {width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(255,208,0,.14)}
  body[data-page-key="studentCertificates"] .student-certificates-heading-icon img {width:24px;height:24px;object-fit:contain}
  body[data-page-key="studentCertificates"] .student-certificates-data-badge {display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--ananfx-border-primary);border-radius:999px;background:rgba(255,208,0,.10);color:var(--ananfx-yellow-bright);font-size:11px;font-weight:700;white-space:nowrap}

  body[data-page-key="studentCertificates"] .student-certificates-summary-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;border:1px solid var(--ananfx-divider);border-radius:14px;overflow:hidden}
  body[data-page-key="studentCertificates"] .student-certificates-summary-grid article {min-width:0;min-height:108px;display:grid;place-content:center;gap:3px;padding:12px 6px;text-align:center;background:var(--ananfx-card-primary);border-right:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-summary-grid article:last-child {border-right:0}
  body[data-page-key="studentCertificates"] .student-certificates-summary-grid strong {font-size:25px;line-height:1.1}
  body[data-page-key="studentCertificates"] .student-certificates-summary-grid span {color:var(--ananfx-text-muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-overview-title {margin:16px 0 8px;font-size:15px!important}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress {margin-top:0;padding:14px;border-radius:14px;background:var(--ananfx-card-secondary)}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress>div:first-child,
  body[data-page-key="studentCertificates"] .student-certificates-card-progress>div:first-child {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:13px}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress>div:first-child strong {font-size:18px}
  body[data-page-key="studentCertificates"] .student-certificates-progress {height:8px;overflow:hidden;border-radius:999px;background:var(--ananfx-border-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-progress>span {display:block;height:100%;border-radius:inherit;background:var(--ananfx-yellow-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress dl>div {min-width:0;padding:9px;border-radius:10px;background:var(--ananfx-card-primary);text-align:center}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress dt,
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress dd {margin:0;font-size:11px;overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress dt {color:var(--ananfx-text-muted)}
  body[data-page-key="studentCertificates"] .student-certificates-overall-progress dd {margin-top:3px;font-weight:800}

  body[data-page-key="studentCertificates"] .student-certificates-filter-chips {display:flex;gap:8px;overflow-x:auto;padding:2px 1px 6px;scroll-snap-type:x proximity;scrollbar-width:none}
  body[data-page-key="studentCertificates"] .student-certificates-filter-chips::-webkit-scrollbar {display:none}
  body[data-page-key="studentCertificates"] .student-certificates-filter-chips button {min-width:max-content;min-height:44px;padding:9px 14px;border:1px solid var(--ananfx-border-primary);border-radius:999px;background:var(--ananfx-card-primary);color:var(--ananfx-text-primary);font-size:13px;font-weight:700;cursor:pointer;scroll-snap-align:start}
  body[data-page-key="studentCertificates"] .student-certificates-filter-chips button[aria-pressed="true"] {border-color:var(--ananfx-text-primary);background:var(--ananfx-bg-secondary);color:var(--ananfx-text-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-filter-row {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:10px}
  body[data-page-key="studentCertificates"] .student-certificates-filter-row label {display:grid;gap:6px;color:var(--ananfx-text-primary);font-size:12px;font-weight:700}
  body[data-page-key="studentCertificates"] select,
  body[data-page-key="studentCertificates"] input {width:100%;min-height:48px;padding:10px 12px;border:1px solid #38383C;border-radius:12px;background:var(--ananfx-card-primary);color:var(--ananfx-text-primary);font-size:16px}
  body[data-page-key="studentCertificates"] input[aria-invalid="true"] {border-color:var(--ananfx-danger);box-shadow:0 0 0 3px rgba(180,35,59,.1)}
  body[data-page-key="studentCertificates"] .student-certificates-clear-button {min-height:48px;padding:8px 12px;border:1px solid var(--ananfx-border-primary);border-radius:12px;background:var(--ananfx-card-primary);color:var(--ananfx-text-primary);font-size:12px;font-weight:700;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-result-count {margin:10px 0 0;color:var(--ananfx-text-muted);font-size:12px}

  body[data-page-key="studentCertificates"] .student-certificates-list {display:grid;gap:12px;margin-top:14px}
  body[data-page-key="studentCertificates"] .student-certificates-card {position:relative;min-width:0;display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--ananfx-border-primary);border-radius:17px;background:var(--ananfx-card-primary);box-shadow:0 8px 24px var(--ananfx-shadow)}
  body[data-page-key="studentCertificates"] .student-certificates-card.is-progress {border-color:var(--ananfx-border-secondary);background:var(--ananfx-card-secondary)}
  body[data-page-key="studentCertificates"] .student-certificates-card.is-locked {background:var(--ananfx-card-secondary)}
  body[data-page-key="studentCertificates"] .student-certificates-preview {position:relative;min-height:98px;display:grid;place-content:center;gap:4px;overflow:hidden;border:1px solid var(--ananfx-border-primary);border-radius:11px;text-align:center;letter-spacing:.08em}
  body[data-page-key="studentCertificates"] .student-certificates-preview::before,
  body[data-page-key="studentCertificates"] .student-certificates-preview::after {content:"";position:absolute;inset:7px;border:1px solid currentColor;opacity:.4}
  body[data-page-key="studentCertificates"] .student-certificates-preview::after {inset:12px;border-style:dotted}
  body[data-page-key="studentCertificates"] .student-certificates-preview span,
  body[data-page-key="studentCertificates"] .student-certificates-preview strong,
  body[data-page-key="studentCertificates"] .student-certificates-preview small {position:relative;z-index:1}
  body[data-page-key="studentCertificates"] .student-certificates-preview span {font-size:7px;font-weight:700}
  body[data-page-key="studentCertificates"] .student-certificates-preview strong {font-size:16px}
  body[data-page-key="studentCertificates"] .student-certificates-preview small {font-size:8px}
  body[data-page-key="studentCertificates"] .student-certificates-preview i {position:absolute;z-index:1;right:14px;bottom:10px;width:22px;height:22px;border:4px double currentColor;border-radius:50%}
  body[data-page-key="studentCertificates"] .student-certificates-preview.is-dark {background:var(--ananfx-bg-secondary);color:var(--ananfx-yellow-bright)}
  body[data-page-key="studentCertificates"] .student-certificates-preview.is-light {background:#FFFFFF;color:#D9A800}
  body[data-page-key="studentCertificates"] .student-certificates-preview.is-progress {background:linear-gradient(135deg,#FFFFFF 0 67%,#FFE066 67%);color:#D9A800}
  body[data-page-key="studentCertificates"] .student-certificates-preview.is-locked {background:var(--ananfx-card-secondary);color:var(--ananfx-text-disabled);filter:grayscale(1)}
  body[data-page-key="studentCertificates"] .student-certificates-card__content {min-width:0;position:relative;display:grid;align-content:start}
  body[data-page-key="studentCertificates"] .student-certificates-card__title {display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  body[data-page-key="studentCertificates"] .student-certificates-card__title>div {min-width:0}
  body[data-page-key="studentCertificates"] .student-certificates-card h3,
  body[data-page-key="studentCertificates"] .student-certificates-card p {margin:0;overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-card h3 {margin-top:4px;font-size:16px;line-height:1.35}
  body[data-page-key="studentCertificates"] .student-certificates-card__title p {margin-top:2px;color:var(--ananfx-text-muted);font-size:11px;line-height:1.4}
  body[data-page-key="studentCertificates"] .student-certificates-level {display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:rgba(255,208,0,.14);color:var(--ananfx-yellow-bright);font-size:10px;font-weight:800}
  body[data-page-key="studentCertificates"] .student-certificates-status {display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
  body[data-page-key="studentCertificates"] .student-certificates-status.is-completed {background:rgba(66,211,146,.14);color:var(--ananfx-success)}
  body[data-page-key="studentCertificates"] .student-certificates-status.is-progress {background:rgba(255,208,0,.14);color:var(--ananfx-yellow-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-status.is-locked {background:var(--ananfx-card-secondary);color:var(--ananfx-text-disabled)}
  body[data-page-key="studentCertificates"] .student-certificates-description {margin-top:8px!important;color:var(--ananfx-text-secondary);font-size:12px!important;line-height:1.55!important}
  body[data-page-key="studentCertificates"] .student-certificates-card time {display:block;margin-top:7px;color:var(--ananfx-text-muted);font-size:11px}
  body[data-page-key="studentCertificates"] .student-certificates-card-progress {margin-top:10px}
  body[data-page-key="studentCertificates"] .student-certificates-card-progress>div:first-child {margin-bottom:5px;font-size:11px}
  body[data-page-key="studentCertificates"] .student-certificates-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:7px;margin-top:12px}
  body[data-page-key="studentCertificates"] .student-certificates-primary-button,
  body[data-page-key="studentCertificates"] .student-certificates-secondary-button,
  body[data-page-key="studentCertificates"] .student-certificates-dark-link {min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:11px;font-size:12px;font-weight:800;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-primary-button {border:1px solid var(--ananfx-yellow-primary);background:var(--ananfx-yellow-primary);color:var(--ananfx-bg-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-secondary-button {border:1px solid var(--ananfx-border-primary);background:var(--ananfx-card-primary);color:var(--ananfx-text-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-dark-link {border:1px solid rgba(255,255,255,.28);background:transparent;color:var(--ananfx-card-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-more-button {width:44px;height:44px;padding:0;border:1px solid var(--ananfx-border-primary);border-radius:11px;background:var(--ananfx-card-primary);font-size:15px;font-weight:800;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-more-menu {position:absolute;right:0;top:calc(100% + 7px);z-index:8;min-width:190px;padding:6px;border:1px solid var(--ananfx-border-primary);border-radius:13px;background:var(--ananfx-card-primary);box-shadow:0 16px 38px var(--ananfx-shadow)}
  body[data-page-key="studentCertificates"] .student-certificates-more-menu button,
  body[data-page-key="studentCertificates"] .student-certificates-more-menu a {width:100%;min-height:42px;display:flex;align-items:center;padding:8px 10px;border:0;border-radius:9px;background:var(--ananfx-card-primary);color:var(--ananfx-text-primary);font-size:12px;text-align:left;text-decoration:none;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-more-menu button:hover,
  body[data-page-key="studentCertificates"] .student-certificates-more-menu a:hover {background:var(--ananfx-card-hover)}
  body[data-page-key="studentCertificates"] .student-certificates-empty-state {margin-top:14px;padding:28px 18px;border:1px dashed var(--ananfx-border-primary);border-radius:17px;background:var(--ananfx-card-primary);text-align:center}
  body[data-page-key="studentCertificates"] .student-certificates-empty-state img {width:52px;height:52px;object-fit:contain}
  body[data-page-key="studentCertificates"] .student-certificates-empty-state h3 {margin:10px 0 4px;font-size:18px}
  body[data-page-key="studentCertificates"] .student-certificates-empty-state p {margin:0;color:var(--ananfx-text-muted);font-size:13px}
  body[data-page-key="studentCertificates"] .student-certificates-empty-state button {margin-top:14px}

  body[data-page-key="studentCertificates"] .student-certificates-next-goal {padding:17px;border-color:var(--ananfx-border-secondary);background:var(--ananfx-card-secondary)}
  body[data-page-key="studentCertificates"] .student-certificates-next-goal__content {display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:13px}
  body[data-page-key="studentCertificates"] .student-certificates-next-goal__content img {width:64px;height:64px;object-fit:contain}
  body[data-page-key="studentCertificates"] .student-certificates-next-goal h3,
  body[data-page-key="studentCertificates"] .student-certificates-next-goal p {margin:0}
  body[data-page-key="studentCertificates"] .student-certificates-next-goal h3 {margin-top:5px;font-size:17px}
  body[data-page-key="studentCertificates"] .student-certificates-next-goal p {margin-top:3px;color:var(--ananfx-text-secondary);font-size:12px}
  body[data-page-key="studentCertificates"] .student-certificates-inline-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal {display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:start;padding:17px;background:var(--ananfx-card-secondary)}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal>img {width:68px;height:68px;object-fit:contain;filter:grayscale(.35)}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal h2,
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal h3,
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal p {margin:0}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal h2 {margin-top:3px;font-size:19px!important}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal h3 {margin-top:7px;font-size:15px}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal p {margin-top:4px;color:var(--ananfx-text-secondary);font-size:12px;line-height:1.55}
  body[data-page-key="studentCertificates"] .student-certificates-locked-goal button {margin-top:11px}

  body[data-page-key="studentCertificates"] .student-certificates-recent-list {display:grid;gap:9px}
  body[data-page-key="studentCertificates"] .student-certificates-recent-list button {width:100%;min-height:76px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;padding:11px;border:1px solid var(--ananfx-border-primary);border-radius:14px;background:var(--ananfx-card-primary);text-align:left;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-recent-list button>span:last-child {min-width:0;display:grid;gap:1px}
  body[data-page-key="studentCertificates"] .student-certificates-recent-list strong,
  body[data-page-key="studentCertificates"] .student-certificates-recent-list small,
  body[data-page-key="studentCertificates"] .student-certificates-recent-list time {overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-recent-list strong {font-size:14px}
  body[data-page-key="studentCertificates"] .student-certificates-recent-list small,
  body[data-page-key="studentCertificates"] .student-certificates-recent-list time {color:var(--ananfx-text-muted);font-size:11px}
  body[data-page-key="studentCertificates"] .student-certificates-recent-thumb {width:52px;height:52px;display:grid;place-items:center;border-radius:10px;font-size:11px;font-weight:900}
  body[data-page-key="studentCertificates"] .student-certificates-recent-thumb.is-dark {background:var(--ananfx-text-primary);color:var(--ananfx-yellow-bright)}
  body[data-page-key="studentCertificates"] .student-certificates-recent-thumb.is-light {border:1px solid var(--ananfx-border-primary);background:rgba(255,208,0,.12);color:var(--ananfx-yellow-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-section-heading--row>a {min-height:44px;display:inline-flex;align-items:center;color:var(--ananfx-text-secondary);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}

  body[data-page-key="studentCertificates"] .student-certificates-verification-card form {display:grid;gap:9px}
  body[data-page-key="studentCertificates"] .student-certificates-verification-card label {font-size:13px;font-weight:700}
  body[data-page-key="studentCertificates"] .student-certificates-verification-card form p {margin:0;color:var(--ananfx-danger);font-size:12px}
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message {display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center;padding:17px}
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message>img {width:70px;height:70px;object-fit:contain}
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message h2,
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message p {margin:0}
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message h2 {margin-top:4px;font-size:19px!important;line-height:1.35!important}
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message p {margin-top:5px;color:var(--ananfx-text-secondary);font-size:12px;line-height:1.55}
  body[data-page-key="studentCertificates"] .student-certificates-achievement-message a {margin-top:11px}

  body[data-page-key="studentCertificates"] .student-certificates-final-cta {position:relative;overflow:hidden;display:grid;gap:16px;margin-top:24px;padding:22px 18px;border-radius:18px;background:var(--ananfx-bg-secondary);color:var(--ananfx-text-primary);text-align:center}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta::before,
  body[data-page-key="studentCertificates"] .student-certificates-final-cta::after {content:"";position:absolute;bottom:-48px;width:230px;height:90px;border-top:1px solid rgba(255,208,0,.45);border-radius:50%}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta::before {left:-80px;transform:rotate(10deg)}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta::after {right:-80px;transform:rotate(-10deg)}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta>div {position:relative;z-index:1}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta h2,
  body[data-page-key="studentCertificates"] .student-certificates-final-cta p {margin:0}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta h2 {margin-top:4px;font-size:22px!important}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta p {margin-top:6px;color:var(--ananfx-text-secondary);font-size:13px!important;line-height:1.55!important}
  body[data-page-key="studentCertificates"] .student-certificates-final-cta__actions {display:grid;grid-template-columns:1fr 1fr;gap:8px}

  body[data-page-key="studentCertificates"] .student-certificates-footer {margin-top:24px;padding:25px 0 calc(25px + env(safe-area-inset-bottom));border-top:1px solid var(--ananfx-border-primary);background:var(--ananfx-card-primary)}
  body[data-page-key="studentCertificates"] .student-certificates-footer__inner {display:grid;gap:12px}
  body[data-page-key="studentCertificates"] .student-certificates-footer__brand {display:inline-flex;width:max-content;max-width:100%}
  body[data-page-key="studentCertificates"] .student-certificates-footer__brand img {width:142px;height:auto}
  body[data-page-key="studentCertificates"] .student-certificates-footer__inner>p {margin:0;color:var(--ananfx-text-muted);font-size:12px;line-height:1.6}
  body[data-page-key="studentCertificates"] .student-certificates-footer__socials {display:flex;flex-wrap:wrap;gap:8px}
  body[data-page-key="studentCertificates"] .student-certificates-footer__socials a {min-height:42px;display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--ananfx-border-primary);border-radius:999px;text-decoration:none;font-size:12px;font-weight:700}
  body[data-page-key="studentCertificates"] .student-certificates-footer__accordions {display:grid;border-top:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-footer__accordions section {border-bottom:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-footer__accordions button {width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:9px 0;border:0;background:var(--ananfx-card-primary);color:var(--ananfx-text-primary);font-weight:800;text-align:left;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-footer__accordions [data-footer-panel] {display:grid;gap:3px;padding:0 0 12px}
  body[data-page-key="studentCertificates"] .student-certificates-footer__accordions [data-footer-panel] a,
  body[data-page-key="studentCertificates"] .student-certificates-footer__accordions [data-footer-panel] span {min-height:40px;display:flex;align-items:center;color:var(--ananfx-text-secondary);font-size:12px;text-decoration:none}
  body[data-page-key="studentCertificates"] .student-certificates-footer__copyright {text-align:center}

  body[data-page-key="studentCertificates"] .student-certificates-panel-backdrop,
  body[data-page-key="studentCertificates"] .student-certificates-dialog-backdrop {position:fixed;inset:0;z-index:9996;background:var(--ananfx-overlay)}
  body[data-page-key="studentCertificates"] .student-certificates-page-panel {position:fixed;top:0;right:0;bottom:0;z-index:9997;width:min(92vw,420px);overflow:auto;padding:max(18px,env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:var(--ananfx-card-primary);box-shadow:-18px 0 52px var(--ananfx-shadow)}
  body[data-page-key="studentCertificates"] .student-certificates-panel__header {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
  body[data-page-key="studentCertificates"] .student-certificates-panel__header h2 {margin:3px 0 0;font-size:23px!important}
  body[data-page-key="studentCertificates"] .student-certificates-panel__header button,
  body[data-page-key="studentCertificates"] .student-certificates-dialog__close {width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--ananfx-card-hover);color:var(--ananfx-text-primary);font-size:24px;cursor:pointer}
  body[data-page-key="studentCertificates"] .student-certificates-search-field {display:grid;gap:7px;font-size:13px;font-weight:700}
  body[data-page-key="studentCertificates"] .student-certificates-search-status,
  body[data-page-key="studentCertificates"] .student-certificates-panel-note {margin:11px 0;color:var(--ananfx-text-muted);font-size:12px;line-height:1.55}
  body[data-page-key="studentCertificates"] .student-certificates-search-results,
  body[data-page-key="studentCertificates"] .student-certificates-notification-list {display:grid;gap:8px}
  body[data-page-key="studentCertificates"] .student-certificates-search-results a,
  body[data-page-key="studentCertificates"] .student-certificates-notification-list a {min-height:62px;display:grid;align-content:center;gap:2px;padding:11px 12px;border:1px solid var(--ananfx-border-primary);border-radius:13px;background:var(--ananfx-card-primary);text-decoration:none}
  body[data-page-key="studentCertificates"] .student-certificates-search-results a {font-size:14px;font-weight:800}
  body[data-page-key="studentCertificates"] .student-certificates-search-results span,
  body[data-page-key="studentCertificates"] .student-certificates-notification-list span {color:var(--ananfx-text-muted);font-size:11px;font-weight:400}
  body[data-page-key="studentCertificates"] .student-certificates-notification-list strong {font-size:14px}
  body[data-page-key="studentCertificates"] .student-certificates-search-empty {padding:22px;border:1px dashed var(--ananfx-border-primary);border-radius:13px;color:var(--ananfx-text-muted);text-align:center;font-size:13px}

  body[data-page-key="studentCertificates"] .student-certificates-dialog {position:fixed;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:9998;max-height:min(84vh,700px);overflow:auto;padding:22px 18px 18px;border:1px solid var(--ananfx-border-primary);border-radius:20px;background:var(--ananfx-card-primary);box-shadow:0 24px 64px var(--ananfx-shadow)}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__close {position:absolute;top:10px;right:10px}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__icon {width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;background:rgba(255,208,0,.14)}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__icon img {width:30px;height:30px;object-fit:contain}
  body[data-page-key="studentCertificates"] .student-certificates-dialog h2 {margin:0 50px 8px 0;font-size:22px!important;line-height:1.35!important}
  body[data-page-key="studentCertificates"] .student-certificates-dialog [data-dialog-message] p {margin:0;color:var(--ananfx-text-secondary);font-size:14px;line-height:1.6}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__details {margin:13px 0 0;border-top:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__details>div {display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid var(--ananfx-divider)}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__details dt,
  body[data-page-key="studentCertificates"] .student-certificates-dialog__details dd {margin:0;font-size:12px;overflow-wrap:anywhere}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__details dt {color:var(--ananfx-text-muted)}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__details dd {font-weight:700}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__disclaimer {margin:12px 0 0;padding:10px;border-radius:10px;background:rgba(255,208,0,.12);color:var(--ananfx-text-secondary);font-size:11px;line-height:1.55}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__actions {display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px}
  body[data-page-key="studentCertificates"] .student-certificates-dialog__actions a,
  body[data-page-key="studentCertificates"] .student-certificates-dialog__actions button {width:100%}
  body[data-page-key="studentCertificates"] .student-certificates-route-toast {position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:10001;max-width:calc(100% - 32px);transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:var(--ananfx-bg-secondary);color:var(--ananfx-text-primary);font-size:12px;text-align:center;box-shadow:0 12px 30px var(--ananfx-shadow)}

  body[data-page-key="studentCertificates"] :where(button,a,input,select,[tabindex]):focus-visible {outline:3px solid var(--ananfx-focus-ring);outline-offset:2px}

  @media (max-width: 430px) {
    body[data-page-key="studentCertificates"] .student-certificates-hero__layout {grid-template-columns:minmax(0,1.08fr) minmax(112px,.92fr)}
    body[data-page-key="studentCertificates"] .student-certificates-hero h1 {font-size:31px!important}
    body[data-page-key="studentCertificates"] .student-certificates-hero-certificate {width:126px;height:92px;padding:14px 18px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-shield {width:74px;height:74px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-medal {width:60px;height:60px}
    body[data-page-key="studentCertificates"] .student-certificates-card {grid-template-columns:118px minmax(0,1fr)}
  }
  @media (max-width: 370px) {
    body[data-page-key="studentCertificates"] .student-certificates-brand img {width:132px}
    body[data-page-key="studentCertificates"] .student-certificates-header__actions {gap:0}
    body[data-page-key="studentCertificates"] .student-certificates-header__actions .student-certificates-icon-button,
    body[data-page-key="studentCertificates"] .student-certificates-avatar-button {width:40px;height:40px}
    body[data-page-key="studentCertificates"] .student-certificates-hero {padding-top:28px}
    body[data-page-key="studentCertificates"] .student-certificates-hero__layout {grid-template-columns:1fr}
    body[data-page-key="studentCertificates"] .student-certificates-hero-art {min-height:155px;margin-top:6px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-certificate {right:24px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-shield {left:38px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-medal {right:30px}
    body[data-page-key="studentCertificates"] .student-certificates-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    body[data-page-key="studentCertificates"] .student-certificates-summary-grid article:nth-child(2) {border-right:0}
    body[data-page-key="studentCertificates"] .student-certificates-summary-grid article:nth-child(-n+2) {border-bottom:1px solid var(--ananfx-divider)}
    body[data-page-key="studentCertificates"] .student-certificates-card {grid-template-columns:1fr}
    body[data-page-key="studentCertificates"] .student-certificates-preview {min-height:142px}
    body[data-page-key="studentCertificates"] .student-certificates-actions {grid-template-columns:1fr 1fr 44px}
    body[data-page-key="studentCertificates"] .student-certificates-locked-goal,
    body[data-page-key="studentCertificates"] .student-certificates-achievement-message {grid-template-columns:1fr}
    body[data-page-key="studentCertificates"] .student-certificates-locked-goal>img,
    body[data-page-key="studentCertificates"] .student-certificates-achievement-message>img {margin-inline:auto}
    body[data-page-key="studentCertificates"] .student-certificates-final-cta__actions,
    body[data-page-key="studentCertificates"] .student-certificates-inline-actions {grid-template-columns:1fr}
  }
  @media (min-width: 540px) {
    body[data-page-key="studentCertificates"] .student-certificates-card {grid-template-columns:170px minmax(0,1fr)}
    body[data-page-key="studentCertificates"] .student-certificates-preview {min-height:120px}
    body[data-page-key="studentCertificates"] .student-certificates-hero__layout {grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr)}
    body[data-page-key="studentCertificates"] .student-certificates-hero-certificate {right:22px;width:172px;height:120px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-shield {left:18px;width:98px;height:98px}
    body[data-page-key="studentCertificates"] .student-certificates-hero-medal {right:18px;width:78px;height:78px}
  }
  @media (prefers-reduced-motion: reduce) {
    body[data-page-key="studentCertificates"] *,
    body[data-page-key="studentCertificates"] *::before,
    body[data-page-key="studentCertificates"] *::after {scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}
  }
}

@media (min-width: 768px) {
  
  body[data-page-key="studentCertificates"] .student-certificates-mobile-page {display:none!important}
  body[data-page-key="studentCertificates"] {margin:0;background:var(--ananfx-bg-primary);color:var(--ananfx-text-primary);font-family:Arial,sans-serif}
  body[data-page-key="studentCertificates"] .student-certificates-desktop-fallback {min-height:100vh;display:grid;place-items:center;padding:32px;text-align:center}
  body[data-page-key="studentCertificates"] .student-certificates-desktop-fallback section {max-width:620px;padding:40px;border:1px solid var(--ananfx-border-primary);border-radius:20px;background:var(--ananfx-card-primary);box-shadow:0 14px 40px var(--ananfx-shadow)}
  body[data-page-key="studentCertificates"] .student-certificates-desktop-fallback h2 {margin:0 0 12px;font-size:32px}
  body[data-page-key="studentCertificates"] .student-certificates-desktop-fallback p {color:var(--ananfx-text-secondary);line-height:1.7}
  body[data-page-key="studentCertificates"] .student-certificates-desktop-fallback a {display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:12px;padding:10px 18px;border-radius:12px;background:var(--ananfx-yellow-primary);color:var(--ananfx-bg-primary);text-decoration:none;font-weight:700}
}