@media (max-width: 1120px) {
    .vr-header-inner { gap: 17px; }
    .vr-nav-trigger { padding-left: 7px; padding-right: 7px; }
    .vr-status { display: none; }
    .vr-logo-image { height: 58px; max-width: 156px; }
    .vr-auth-wrap { grid-template-columns: minmax(0,1fr) 410px; gap: 55px; }
    .vr-footer-grid { grid-template-columns: 1.5fr repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .vr-container { width: min(100% - 30px, 1240px); }
    .vr-header { min-height: 70px; }
    .vr-header-inner { min-height: 70px; }
    .vr-logo-image { height: 52px; max-width: 142px; }
    .vr-logo-image-footer { height: 66px; max-width: 178px; }
    .vr-header-actions .vr-link-btn { display: none; }
    .vr-header-actions .vr-play-btn { min-height: 37px; padding: 0 12px; }
    .vr-theme-toggle { width: 54px; flex-basis: 54px; }
    .vr-theme-toggle::after { width: 22px; height: 22px; top: 4px; }
    html[data-vr-theme='light'] .vr-theme-toggle::after { transform: translateX(24px); }
    .vr-theme-icon { width: 22px; }
    .vr-theme-icon-sun { left: 3px; }
    .vr-theme-icon-moon { right: 3px; }

    .vr-mobile-toggle { display: grid; gap: 4px; margin-left: auto; padding: 10px; cursor: pointer; }
    .vr-mobile-toggle span { display: block; width: 21px; height: 2px; border-radius: 2px; background: #c6cad2; }
    .vr-nav { position: absolute; left: 15px; right: 15px; top: 70px; margin: 0; opacity: 0; visibility: hidden; transform: translateY(-8px); border: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: rgba(12,15,22,.98); box-shadow: 0 25px 60px rgba(0,0,0,.45); transition: .16s ease; }
    .vr-nav-checkbox:checked ~ .vr-nav { opacity: 1; visibility: visible; transform: translateY(0); }
    .vr-nav > ul { display: block; padding: 9px; }
    .vr-nav-trigger { width: 100%; display: flex; justify-content: space-between; padding: 11px 12px; text-align: left; }
    .vr-dropdown { position: static; width: auto; display: none; opacity: 1; visibility: visible; transform: none !important; margin: 0 6px 7px; border: 0; background: rgba(255,255,255,.025); box-shadow: none; }
    .vr-nav-item:hover .vr-dropdown { display: block; }

    html[data-vr-theme='light'] .vr-mobile-toggle span { background: #374151; }
    html[data-vr-theme='light'] .vr-nav { border-color: rgba(24,31,43,.12); background: rgba(255,255,255,.98); box-shadow: 0 25px 60px rgba(50,59,72,.15); }
    html[data-vr-theme='light'] .vr-dropdown { background: rgba(24,31,43,.035); }

    .vr-auth-stage { min-height: calc(100vh - 70px); padding: 45px 0 75px; }
    .vr-auth-wrap { width: min(720px, calc(100% - 30px)); grid-template-columns: 1fr; gap: 30px; }
    .vr-auth-intro { max-width: 620px; text-align: center; margin: auto; }
    .vr-auth-intro p { margin-left: auto; margin-right: auto; }
    .vr-eyebrow { justify-content: center; }
    .vr-auth-meta { justify-content: center; }
    .vr-auth-content { width: min(430px, 100%); margin: auto; }
    .vr-footer-grid { grid-template-columns: repeat(3, 1fr); }
    .vr-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .vr-header-actions .vr-play-btn { display: none; }
    .vr-header-inner { gap: 8px; }
    .vr-logo-image { height: 46px; max-width: 126px; }
    .vr-theme-toggle { width: 50px; flex-basis: 50px; }
    .vr-theme-toggle::after { width: 20px; height: 20px; top: 5px; }
    html[data-vr-theme='light'] .vr-theme-toggle::after { transform: translateX(22px); }
    .vr-theme-icon { width: 20px; font-size: 11px; }
    .vr-auth-intro h1 { font-size: 44px; }
    .vr-auth-intro p { font-size: 13px; }
    .vr-auth-meta { flex-wrap: wrap; }
    .vr-login-card { padding: 24px 19px; border-radius: 16px; }
    .vr-login-logo { width: 82px; height: 42px; }
    .vr-page-stage { padding-top: 48px; }
    .vr-page-heading { align-items: flex-start; flex-direction: column; }
    .vr-page-badges { flex-wrap: wrap; }
    .vr-content-card { padding: 18px 14px; border-radius: 14px; overflow-x: auto; }
    .vr-content-card table { min-width: 520px; }
    .vr-footer-grid { grid-template-columns: repeat(2, 1fr); }
    .vr-footer-bottom { flex-direction: column; align-items: flex-start; }
}