* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    padding-bottom: 64px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #f7f7f7, #e9eef3);
    overflow-x: hidden;
}

.home-logo-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(10px, 4vw, 24px);
}

.home-logo-frame {
    margin: 0;
    width: min(760px, 100%);
    max-width: 100%;
    padding: clamp(8px, 2.5vw, 16px);
    border: 2px solid #d0d7df;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
}

.home-logo-frame img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.site-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    padding: 12px 10px;
    text-align: center;
    background: #ffffff;
    border-top: 1px solid #d0d7df;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08);
}

.site-footer p {
    margin: 0;
    font-size: clamp(13px, 3.3vw, 15px);
    color: #2b3440;
}

.site-footer a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus-visible {
    text-decoration: none;
    opacity: 0.8;
}