/* Public homepage only. Existing account, exam and administration styles are unchanged. */
.landing-page {
  --bg: #f7f8fa; --surface: #fff; --surface-2: #f1f4f8;
  --text: #132b46; --muted: #58697c; --border: #dfe5eb;
  --primary: #173e64; --primary-strong: #102d4c; --primary-soft: #e9eff5;
  --gold: #b88735; --shadow-sm: 0 5px 18px #102d4c06;
  background: var(--bg); color: var(--text);
}
.landing-page .main-content { max-width: 1280px; padding: 32px 32px 0; }
.landing-page .topbar { padding: 18px max(24px,calc((100vw - 1216px)/2)); background: var(--surface); color: var(--text); border-bottom: 1px solid var(--border); box-shadow: 0 4px 24px #102d4c04; gap: 22px; }
.landing-page .brand,.landing-page .brand:hover,.landing-page .brand strong { color: var(--text); }
.landing-page .brand strong { font-size: 19px; letter-spacing: .025em; }
.landing-page .brand small { color: var(--muted); font-size: 10px; }
.landing-page .brand-mark { border-radius: 12px; background: #163854; box-shadow: none; color: #ebcb8e; }
.landing-page .topnav { padding: 0; background: transparent; border: 0; gap: 2px; }
.landing-page .topnav a { color: var(--muted); padding: 10px; font-size: 12px; }
.landing-page .topnav a:hover,.landing-page .topnav a[aria-current="page"] { background: var(--primary-soft); color: var(--text); }
.landing-page .icon-btn { color: var(--text); background: var(--surface-2); border: 1px solid var(--border); }
.landing-page .btn { border-radius: 9px; font-weight: 650; letter-spacing: 0; min-height: 44px; }
.landing-page .btn-primary { background: var(--primary); border-color: var(--primary); color: white; box-shadow: 0 5px 12px #173e6414; }
.landing-page .btn-primary:hover { background: var(--primary-strong); border-color: var(--primary-strong); }
.landing-page .btn-ghost { background: transparent; color: var(--text); border: 1px solid var(--border); box-shadow: none; }
.landing-page .btn-ghost:hover { background: var(--surface-2); }
.landing-page :where(a,button,input,select,summary):focus-visible { outline: 3px solid #b88735; outline-offset: 4px; }
.landing-page .unindra-hero { min-height: 570px; grid-template-columns: 1.08fr 1fr; border: 1px solid #e4e2dc; border-radius: 22px; background: #f6f3ed; margin: 0 0 24px; }
.landing-page .unindra-hero-copy { padding: 52px 42px; }
.landing-page .unindra-kicker { color: #53657a; font-size: 10px; letter-spacing: .14em; line-height: 1.6; }
.landing-page .unindra-kicker i { background: #b88735; flex-shrink: 0; width: 22px; }
.landing-page .unindra-hero h1 { color: #132b46; font-size: clamp(48px,5.2vw,72px); line-height: 1.06; letter-spacing: -.05em; margin-top: 22px; overflow-wrap: anywhere; }
.landing-page .unindra-hero h1 em { color: #9a6c25; }
.landing-page .unindra-hero-copy > p { margin-top: 24px; font-size: 15px; line-height: 1.85; color: #536275; max-width: 48ch; }
.landing-page .hero-actions { flex-wrap: wrap; gap: 10px; }
.landing-page .unindra-hero .hero-actions { margin-top: 28px; }
.landing-page .btn-lg { padding: 14px 20px; font-size: 13px; min-height: 49px; }
.landing-page .campus-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 19px; }
.landing-page .campus-link { color: #526276; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.landing-page .campus-link:hover { color: #132b46; }
.landing-page .unindra-hero-note { margin-top: 30px; padding-top: 18px; border-color: #ddd9ce; }
.landing-page .unindra-hero-note p { color: #627083; font-size: 11px; }
.landing-page .unindra-mosaic { min-height: 570px; padding: 24px; gap: 12px; background-color: #122c46; background-image: radial-gradient(ellipse at 90% 0%,#d7b27224,transparent 65%); grid-template-rows: repeat(12,minmax(0,1fr)); }
.landing-page .unindra-mosaic-tile { box-shadow: none; padding: 24px; }
.landing-page .unindra-mosaic-brand { background: linear-gradient(145deg,#245477,#193b59); }
.landing-page .unindra-mosaic-brand strong { font-size: clamp(38px,4vw,60px); line-height: 1.04; }
.landing-page .unindra-mosaic-brand small { color: #f1d39d; }
.landing-page .unindra-mosaic-brand span { color: #e2edf5; letter-spacing: .15em; }
.landing-page .unindra-mosaic-statement { background: #f4f0e7; padding-inline: 22%; }
.landing-page .unindra-mosaic-statement strong { font-size: clamp(22px,2vw,29px); line-height: 1.2; overflow-wrap: anywhere; }
.landing-page .unindra-mosaic-statement small { color: #5a4b34; letter-spacing: .1em; line-height: 1.5; }
.landing-page .unindra-mosaic-statement .unindra-tile-icon { color: #9a6c25; width: 30px; height: 30px; }
.landing-page .unindra-mosaic-stat { background: #dfc18a; grid-template-columns: 1fr; gap: 6px; padding-inline: 20%; }
.landing-page .unindra-mosaic-stat .unindra-tile-icon { display: none; }
.landing-page .unindra-mosaic-stat strong { font-size: 40px; }
.landing-page .unindra-mosaic-stat span { font-size: 10px; }
.landing-page .unindra-mosaic-quote { background: #1d3c58; gap: 8px; padding-inline: 16%; }
.landing-page .unindra-mosaic-quote blockquote { font-size: 17px; line-height: 1.6; overflow-wrap: anywhere; }
.landing-page .unindra-mosaic-quote > span { font-size: 42px; color: #dfc18a; }
.landing-page .unindra-mosaic-impact { flex-wrap: wrap; justify-content: center; gap: 7px; padding: 16px; }
.landing-page .unindra-mosaic-impact span,.landing-page .unindra-mosaic-impact strong { font-size: 9px; letter-spacing: .06em; }
.landing-page .unindra-mosaic-impact strong { color: #efd29c; }
.landing-page .trust-strip { border: 1px solid var(--border); border-radius: 14px; padding: 25px 20px; background: var(--surface); box-shadow: none; gap: 18px; }
.landing-page .trust-icon { color: var(--primary); background: var(--primary-soft); border-radius: 12px; width: 42px; height: 42px; }
.landing-page .trust-item strong { color: var(--text); font-size: 23px; }
.landing-page .trust-item small { font-size: 11px; color: var(--muted); }
.landing-page .section { padding-block: 72px; }
.landing-page .unindra-about-grid { gap: 40px; margin-top: 32px; }
.landing-page .unindra-about h2,.landing-page .unindra-stories h2 { color: var(--text); font-size: clamp(34px,3.6vw,49px); line-height: 1.15; }
.landing-page .unindra-about-grid p { font-size: 15px; margin-top: 20px; }
.landing-page .unindra-values { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 36px; gap: 16px; }
.landing-page .unindra-values article { grid-column: auto; min-height: 228px; padding: 25px; border-radius: 13px; color: var(--text); background: var(--surface); box-shadow: none; }
.landing-page .unindra-values .unindra-value-care { color: #fff; background: #173e5d; border-color: #173e5d; }
.landing-page .unindra-value-icon { width: 28px; height: 28px; color: #a7772d; }
.landing-page .unindra-value-care .unindra-value-icon { color: #e4c58f; }
.landing-page .unindra-values h3 { font-size: 29px; margin-top: 27px; }
.landing-page .unindra-values p { opacity: 1; font-size: 12px; line-height: 1.8; }
.landing-page .unindra-stories { margin: 0; border-radius: 20px; padding: 48px; background: #132d47; }
.landing-page .unindra-stories h2 { color: #fff; }
.landing-page .unindra-media-grid { margin-top: 32px; }
.landing-page .unindra-media-card { border-radius: 12px; }
.landing-page .section-heading { max-width: 690px; margin: 0 auto 32px; }
.landing-page .section-heading h2 { font-size: clamp(28px,3vw,39px); line-height: 1.25; letter-spacing: -.035em; color: var(--text); }
.landing-page .section-heading p { font-size: 14px; color: var(--muted); line-height: 1.8; }
.landing-page .eyebrow { color: #946923; font-size: 10px; letter-spacing: .14em; }
.landing-page .feature-grid-modern { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.landing-page .feature-card,.landing-page .feature-card-wide { grid-column: auto; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: none; padding: 28px; }
.landing-page .feature-card:hover { border-color: #9cafbf; transform: translateY(-3px); box-shadow: 0 12px 26px #142d4708; }
.landing-page .feature-icon { color: var(--primary); background: var(--primary-soft); border-radius: 12px; }
.landing-page .feature-card h3 { font-size: 17px; color: var(--text); }
.landing-page .feature-card p { color: var(--muted); font-size: 13px; line-height: 1.8; }
.landing-page .feature-label { color: #79571c; background: #f5eddc; border-color: #e5d5b9; }
.landing-page .clock-mosaic { grid-column: 1 / -1; background: #142f49; color: white; }
.landing-page .clock-mosaic h3 { color: white; }
.landing-page .clock-mosaic p,.landing-page .clock-status { color: #c2d0dc; }
.landing-page .clock-mosaic .feature-icon { color: #e7c992; background: #ffffff10; }
.landing-page .tz-box { background: #ffffff08; border-color: #ffffff20; }
.landing-page .tz-time { color: #fff; font-variant-numeric: tabular-nums; }
.landing-page .tz-label { color: #efd29c; }
.landing-page .tz-box small { color: #c2d0dc; }
.landing-page .steps-section { border-top: 1px solid var(--border); }
.landing-page .steps-grid article { border: 1px solid var(--border); border-radius: 14px; padding: 28px; background: var(--surface); }
.landing-page .steps-grid article > span { background: var(--primary-soft); color: var(--primary); box-shadow: none; border: none; }
.landing-page .steps-grid h3 { font-size: 16px; }
.landing-page .steps-grid p { color: var(--muted); line-height: 1.8; font-size: 13px; }
.landing-page .faq-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 64px; border-top: 1px solid var(--border); }
.landing-page .faq-section .section-heading { margin: 0; }
.landing-page .faq-list details { border: 1px solid var(--border); border-radius: 12px; background: var(--surface); box-shadow: none; }
.landing-page .faq-list summary { min-height: 56px; font-size: 14px; }
.landing-page .faq-list p { color: var(--muted); font-size: 13px; line-height: 1.85; }
.landing-page .landing-cta { background: #173750; border-radius: 20px; padding: 48px; gap: 30px; box-shadow: none; margin-bottom: 50px; }
.landing-page .landing-cta h2 { color: #fff; font-size: clamp(28px,3vw,40px); }
.landing-page .landing-cta p { color: #d1dce6; }
.landing-page .landing-cta .eyebrow { color: #ebcd96; }
.landing-page .landing-cta .btn-primary { background: #e7cc98; border-color: #e7cc98; color: #152f48; }
.landing-page .landing-cta .btn-ghost { color: white; border-color: #ffffff50; }
.landing-page .landing-cta .btn-ghost:hover { background: #ffffff12; }
.landing-page .site-footer { max-width: 1216px; margin: 0 auto; padding: 30px 0; background: transparent; color: var(--muted); border-top: 1px solid var(--border); font-size: 12px; }
.landing-page .site-footer strong { color: var(--text); }
.landing-page .modal-card { border-radius: 18px; }
.landing-page section[id] { scroll-margin-top: 110px; }
@media(min-width:1051px) and (max-width:1350px) { .landing-page .brand small { display: none; } .landing-page .topbar { gap: 14px; padding-inline: 24px; } .landing-page .topnav a { padding: 10px 7px; font-size: 11px; } }
@media(max-width:1050px) {
  .landing-page .menu-toggle { display: grid; place-items: center; }
  .landing-page .topnav { display: none; position: absolute; top: calc(100% + 8px); left: 20px; right: 20px; padding: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; box-shadow: 0 14px 35px #102d4c18; flex-direction: column; }
  .landing-page .topnav.is-open { display: flex; }
  .landing-page .topnav a { font-size: 14px; min-height: 44px; }
  .landing-page .unindra-hero { grid-template-columns: 1fr 1fr; }
  .landing-page .unindra-hero-copy { padding: 36px 28px; }
  .landing-page .unindra-mosaic { padding: 16px; }
  .landing-page .unindra-mosaic-tile { padding: 18px; }
  .landing-page .unindra-mosaic-statement { padding-inline: 22%; }
  .landing-page .unindra-mosaic-quote { padding-inline: 16%; }
  .landing-page .unindra-mosaic-statement strong { font-size: 23px; }
  .landing-page .unindra-mosaic-impact { padding: 14px; }
  .landing-page .unindra-values { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landing-page .site-footer { margin-inline: 32px; }
}
@media(max-width:800px) {
  .landing-page .main-content { padding: 20px 20px 0; }
  .landing-page .unindra-hero { grid-template-columns: 1fr; }
  .landing-page .unindra-hero-copy { padding: 38px 28px; }
  .landing-page .unindra-hero h1 { font-size: clamp(44px,8.5vw,65px); }
  .landing-page .unindra-mosaic { min-height: 0; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; gap: 12px; padding: 20px; }
  .landing-page .unindra-mosaic-tile { grid-column: auto; grid-row: auto; min-height: 0; }
  .landing-page .unindra-mosaic-brand { min-height: 210px; }
  .landing-page .unindra-mosaic-statement { min-height: 210px; }
  .landing-page .unindra-mosaic-stat { min-height: 160px; padding-inline: 18%; }
  .landing-page .unindra-mosaic-quote { min-height: 160px; }
  .landing-page .unindra-mosaic-impact { grid-column: 1 / -1; min-height: 52px; gap: 18px; }
  .landing-page .unindra-mosaic-impact i { max-width: 38px; }
  .landing-page .unindra-mosaic-brand strong { font-size: 40px; }
  .landing-page .unindra-mosaic-quote blockquote { font-size: 14px; line-height: 1.5; }
  .landing-page .unindra-mosaic-quote > span { display: none; }
  .landing-page .unindra-mosaic-quote { grid-template-columns: 1fr; }
  .landing-page .trust-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .landing-page .trust-item { border: 0; padding: 0; }
  .landing-page .section { padding-block: 48px; }
  .landing-page .unindra-about-grid { grid-template-columns: 1fr; gap: 18px; }
  .landing-page .feature-grid-modern { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landing-page .faq-section { grid-template-columns: 1fr; gap: 28px; }
  .landing-page .unindra-stories,.landing-page .landing-cta { padding: 30px 24px; }
  .landing-page .steps-grid { grid-template-columns: 1fr; gap: 14px; }
  .landing-page .site-footer { margin-inline: 20px; }
}
@media(max-width:480px) {
  .landing-page .topbar { padding: 12px 14px; gap: 8px; }
  .landing-page .brand { gap: 8px; }
  .landing-page .brand strong { font-size: 15px; }
  .landing-page .brand small { display: none; }
  .landing-page .brand-mark { width: 34px; height: 38px; flex-basis: 34px; }
  .landing-page .top-actions { gap: 5px; }
  .landing-page .top-actions .btn { padding: 9px; font-size: 11px; min-height: 40px; }
  .landing-page .icon-btn { width: 34px; height: 40px; }
  .landing-page .main-content { padding: 14px 14px 0; }
  .landing-page .unindra-hero { border-radius: 16px; }
  .landing-page .unindra-hero-copy { padding: 30px 22px; }
  .landing-page .unindra-hero .hero-actions { display: grid; grid-template-columns: 1fr; }
  .landing-page .unindra-mosaic { padding: 14px; gap: 10px; }
  .landing-page .unindra-mosaic-brand strong { font-size: 33px; }
  .landing-page .unindra-mosaic-brand small { font-size: 8px; letter-spacing: .08em; }
  .landing-page .unindra-mosaic-statement strong { font-size: 20px; }
  .landing-page .unindra-mosaic-statement small { font-size: 8px; margin-top: 10px; }
  .landing-page .unindra-mosaic-statement,.landing-page .unindra-mosaic-brand { min-height: 225px; }
  .landing-page .unindra-mosaic-quote,.landing-page .unindra-mosaic-stat { min-height: 190px; }
  .landing-page .trust-strip { padding: 20px 16px; gap: 24px 10px; }
  .landing-page .trust-item { gap: 9px; }
  .landing-page .trust-icon { width: 30px; height: 34px; flex: 0 0 30px; }
  .landing-page .trust-icon svg { width: 19px; }
  .landing-page .trust-item strong { font-size: 18px; }
  .landing-page .trust-item small { font-size: 10px; }
  .landing-page .unindra-values,.landing-page .feature-grid-modern { grid-template-columns: 1fr; }
  .landing-page .unindra-values article { min-height: 190px; }
  .landing-page .clock-mosaic-inner { grid-template-columns: 1fr; }
  .landing-page .time-zones-grid { grid-template-columns: 1fr; }
  .landing-page .site-footer { margin-inline: 14px; }
}
@media(prefers-reduced-motion:reduce) { .landing-page *, .landing-page *::before,.landing-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
/* Keep the shared stylesheet's container and compact-stat rules in sync. */
.landing-page .main-content { width: 100%; }
.landing-page .trust-strip > .trust-item { padding: 4px 12px; min-height: 64px; }
.landing-page .trust-strip > .trust-item:not(:last-child) { border-right: 1px solid var(--border); }
.landing-page .clock-mosaic-inner { grid-template-columns: minmax(0,.85fr) minmax(0,1.45fr); }
@media(max-width:1050px) { .landing-page .clock-mosaic-inner { grid-template-columns: 1fr; } }
@media(max-width:800px) {
  .landing-page .trust-strip > .trust-item { padding: 0; border: 0; min-height: 56px; }
  .landing-page .trust-strip > .trust-item:not(:last-child) { border: 0; }
}
@media(max-width:480px) { .landing-page .top-actions .icon-btn { min-width: 34px; } }
@media(max-width:360px) { .landing-page .brand-mark { display: none; } }
/* Override legacy 12-column card spans, including nth-child rules. */
.landing-page .feature-grid-modern > .feature-card { grid-column: auto; }
.landing-page .feature-grid-modern > .clock-mosaic { grid-column: 1 / -1; }

/* Revision 2: readable dark surfaces and a persistent mobile sign-in action. */
html[data-theme="dark"] .landing-page {
  --bg: #09131f; --surface: #162839; --surface-2: #223a50;
  --text: #f5f8fc; --muted: #c3d1df; --border: #71869c;
  --primary: #acd6ff; --primary-strong: #cde6ff; --primary-soft: #223c51;
  --gold: #f0cd87; --secondary: #e0edfa;
  --success: #8de3b6; --warning: #f4d189; --danger: #ffb5c4; --info: #acd6ff;
}
html[data-theme="dark"] .landing-page .topbar { background: #102131; border-bottom-color: #71869c; }
html[data-theme="dark"] .landing-page .unindra-hero { background: #14283b; border-color: #71869c; }
html[data-theme="dark"] .landing-page .unindra-hero h1,
html[data-theme="dark"] .landing-page .unindra-hero-note strong { color: #f5f8fc; }
html[data-theme="dark"] .landing-page .unindra-hero h1 em,
html[data-theme="dark"] .landing-page .eyebrow,
html[data-theme="dark"] .landing-page .unindra-section-index span { color: #f0cd87; }
html[data-theme="dark"] .landing-page .unindra-hero-copy > p,
html[data-theme="dark"] .landing-page .unindra-hero-note p,
html[data-theme="dark"] .landing-page .unindra-kicker { color: #c3d1df; }
html[data-theme="dark"] .landing-page .unindra-kicker i { background: #f0cd87; }
html[data-theme="dark"] .landing-page .unindra-hero-note { border-color: #71869c; }
html[data-theme="dark"] .landing-page .campus-link { color: #acd6ff; }
html[data-theme="dark"] .landing-page .campus-link:hover { color: #fff; }
html[data-theme="dark"] .landing-page .btn-primary,
html[data-theme="dark"] .landing-page .unindra-hero .btn-primary {
  color: #102131; background: #acd6ff; border-color: #acd6ff; box-shadow: none;
}
html[data-theme="dark"] .landing-page .btn-primary:hover,
html[data-theme="dark"] .landing-page .unindra-hero .btn-primary:hover { color: #102131; background: #cde6ff; border-color: #cde6ff; }
html[data-theme="dark"] .landing-page .btn-ghost { color: #f5f8fc; background: #223a50; border-color: #8da2b7; }
html[data-theme="dark"] .landing-page .btn-ghost:hover { color: #fff; background: #304c65; }
html[data-theme="dark"] .landing-page .icon-btn { color: #e0edfa; background: #223a50; border-color: #8da2b7; }
html[data-theme="dark"] .landing-page .icon-btn:hover,
html[data-theme="dark"] .landing-page .icon-btn[data-theme-toggle][aria-pressed="true"] { color: #f0cd87; background: #304c65; border-color: #f0cd87; }
html[data-theme="dark"] .landing-page .topnav a { color: #d5e1ed; }
html[data-theme="dark"] .landing-page .topnav a:hover,
html[data-theme="dark"] .landing-page .topnav a[aria-current="page"] { color: #fff; background: #304c65; }
html[data-theme="dark"] .landing-page .unindra-value-icon { color: #f0cd87; }
html[data-theme="dark"] .landing-page .unindra-values article > span { opacity: 1; }
html[data-theme="dark"] .landing-page .unindra-mosaic-statement { color: #132b46; background: #f4f0e7; }
html[data-theme="dark"] .landing-page .unindra-mosaic-statement small { color: #5a4b34; }
html[data-theme="dark"] .landing-page .unindra-mosaic-statement .unindra-tile-icon { color: #79551d; }
html[data-theme="dark"] .landing-page .unindra-mosaic-stat { color: #132b46; background: #dfc18a; }
html[data-theme="dark"] .landing-page .unindra-mosaic-quote { color: #f5f8fc; }
html[data-theme="dark"] .landing-page .feature-label { color: #f6d695; background: #41331d; border-color: #bd9e62; }
html[data-theme="dark"] .landing-page .feature-card:hover { border-color: #acd6ff; }
html[data-theme="dark"] .landing-page .gradient-text { color: #acd6ff; background: none; -webkit-text-fill-color: #acd6ff; }
html[data-theme="dark"] .landing-page .landing-cta { background: #173750; border-color: #71869c; }
html[data-theme="dark"] .landing-page .landing-cta .btn-primary { color: #102131; background: #f0cd87; border-color: #f0cd87; }
html[data-theme="dark"] .landing-page .landing-cta .btn-primary:hover { background: #ffe3ac; border-color: #ffe3ac; }
html[data-theme="dark"] .landing-page .landing-cta .btn-ghost { color: #f5f8fc; background: #223a50; border-color: #8da2b7; }
html[data-theme="dark"] .landing-page .landing-cta .btn-ghost:hover { background: #304c65; }
html[data-theme="dark"] .landing-page .modal-card { background: #162839; color: #f5f8fc; border-color: #71869c; }
html[data-theme="dark"] .landing-page .modal-card :where(h2,label) { color: #f5f8fc; }
html[data-theme="dark"] .landing-page .modal-card :where(p,.help,small) { color: #c3d1df; }
html[data-theme="dark"] .landing-page input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .landing-page select,
html[data-theme="dark"] .landing-page textarea { color: #f5f8fc; background: #0f2030; border-color: #8da2b7; }
html[data-theme="dark"] .landing-page input::placeholder,
html[data-theme="dark"] .landing-page textarea::placeholder { color: #b9cbdc; opacity: 1; }
html[data-theme="dark"] .landing-page .password-wrap button,
html[data-theme="dark"] .landing-page .modal-close { color: #f5f8fc; background: #223a50; }
html[data-theme="dark"] .landing-page :where(a,button,input,select,textarea,summary):focus-visible { outline-color: #f0cd87; }

/* DOM order matches the visual order: menu, theme, register, sign in. */
.landing-page .top-actions .public-login-button {
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; background: #173e64; border-color: #173e64; white-space: nowrap;
}
.landing-page .top-actions .public-login-button:hover { color: #fff; background: #102d4c; border-color: #102d4c; }
.landing-page .top-actions .public-register-button { color: var(--text); background: var(--surface); border-color: var(--border); box-shadow: none; }
.landing-page .top-actions .public-register-button:hover { background: var(--surface-2); }
html[data-theme="dark"] .landing-page .top-actions .public-login-button { color: #102131; background: #f0cd87; border-color: #f0cd87; }
html[data-theme="dark"] .landing-page .top-actions .public-login-button:hover { color: #102131; background: #ffe3ac; border-color: #ffe3ac; }
html[data-theme="dark"] .landing-page .top-actions .public-register-button { color: #f5f8fc; background: #223a50; border-color: #8da2b7; }
html[data-theme="dark"] .landing-page .top-actions .public-register-button:hover { background: #304c65; }
@media(max-width:720px) {
  .landing-page .topbar { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 8px; padding-inline: 12px; }
  .landing-page .topbar .brand { flex: 1 1 auto; min-width: 0; overflow: hidden; }
  .landing-page .topbar .brand > span:last-child { min-width: 0; }
  .landing-page .top-actions { flex: 0 0 auto; margin-left: auto; gap: 4px; }
  .landing-page .top-actions .icon-btn { width: 44px; min-width: 44px; height: 44px; }
  .landing-page .top-actions .public-register-button { min-height: 44px; padding: 10px 8px; font-size: 12px; }
  .landing-page .top-actions .public-login-button { display: inline-flex; min-width: 64px; min-height: 44px; padding: 10px 12px; font-size: 13px; font-weight: 750; flex-shrink: 0; }
}
@media(max-width:480px) { .landing-page .topbar .brand-mark { display: grid; } }

html[data-theme="dark"] .landing-page .mini-logo { color: #102131; background: #acd6ff; }