.public-header { background: #0e1c2a; border-bottom: 1px solid #2d4b58; box-shadow: 0 4px 16px #09263312; }
.public-nav-inner { min-height: 90px; gap: 22px; }
.public-header .public-brand { gap: 12px; color: #fff; }
.public-brand:hover { color: #fff; }
.public-brand .public-brand-mark { width: 54px; height: 64px; border-radius: 0; background: transparent; }
.public-brand-mark img[src*="chessanchor-brand"] { width: 54px !important; height: 64px !important; object-fit: contain !important; transform: none !important; object-position: center; }
.public-brand-name { display: flex; flex-direction: column; gap: 4px; }
.public-brand-name strong { font-size: 1.2rem; font-weight: 750; line-height: 1.15; letter-spacing: -.02em; color: #f3fafc; }
.public-brand-name small { color: #89aeb9; font-size: .63rem; letter-spacing: .08em; font-weight: 500; }
.public-nav-desktop { gap: 3px; }
.public-nav-desktop a { padding: 10px 11px; border-radius: 7px; color: #c3d4dc; font-size: .86rem; font-weight: 550; transition: color .15s,background .15s; }
.public-nav-desktop a:hover { color: #fff; background: #1a3442; }
.public-nav-desktop a[aria-current="page"] { color: #b4f0e9; background: #1a3e48; box-shadow: inset 0 -2px #53bab3; }
.public-nav-actions { gap: 15px; }
.public-nav-actions .nav-login { color: #e0edf0; font-size: .84rem; padding: 8px 1px; }
.public-nav-actions .nav-login:hover { color: #8edbd4; }
.public-header .public-language-switch { color: #a8c4cf; font-size: .78rem; gap: 6px; }
.public-language-switch:hover { color: #fff; }
.public-language-switch svg { width: 16px; height: 16px; }
.public-nav-actions > .public-button.primary { color: #102a33; background: #8cd9d2; border: 1px solid #a7e7df; border-radius: 8px; font-size: .83rem; min-height: 40px; padding: 9px 15px; box-shadow: 0 3px 10px #0002; }
.public-nav-actions > .public-button.primary:hover { background: #b0eae4; }
.public-mobile-menu summary { border: 1px solid #39535f; border-radius: 9px; background: #18333f; }
.public-mobile-menu summary span { background: #d7e8ec; }
.public-mobile-menu nav { background: #102a37; border: 1px solid #36505c; border-radius: 12px; box-shadow: 0 14px 35px #00162240; }
.public-mobile-menu nav a { color: #d7e6eb; border-radius: 6px; }
.public-mobile-menu nav a:hover { background: #20444f; color: #b4f0e9; }
.public-footer-logo { display: block; width: 76px; height: 88px; object-fit: contain; border: 1px solid #36515c; border-radius: 12px; margin-bottom: 17px; }
.header-brand img[src*="chessanchor-brand"] { object-fit: contain; object-position: center; background: #101c2b; }
.home-student-preview { margin: 0; min-width: 0; padding: 11px; background: #fff; border: 1px solid #cddfdc; border-radius: 14px; box-shadow: 0 16px 38px #173f4712; }
.home-student-preview img { display: block; width: 100%; height: auto; border: 1px solid #e2e9eb; border-radius: 7px; }
.home-student-preview figcaption { padding: 12px 4px 2px; color: #61787f; font-size: .75rem; }
@media (max-width: 1100px) { .public-nav-desktop,.public-nav-actions { display: none; } .public-mobile-menu { display: block; margin-inline-start: auto; } .public-nav-inner { justify-content: space-between; } }
@media (max-width: 600px) { .public-nav-inner { min-height: 78px; gap: 14px; } .public-brand .public-brand-mark { width: 45px; height: 54px; } .public-brand-mark img[src*="chessanchor-brand"] { width: 45px !important; height: 54px !important; } .public-brand-name strong { font-size: 1.08rem; } .public-brand-name small { font-size: .57rem; letter-spacing: .045em; } }