.logo-wrap {
    margin-bottom: var(--sp);
}

.logo {
    width: var(--logo-sz);
    height: var(--logo-sz);
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.title {
    font-size: var(--fs-title);
    font-weight: var(--fw-bold);
    margin-bottom: var(--sp);
    text-align: center;
}

.desc {
    font-size: var(--fs-desc);
    color: var(--fg);
    text-align: center;
    line-height: 1.5;
    max-width: var(--desc-max-w);
    margin-bottom: var(--sp);
}

.link-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--sp);
    border: var(--border-w) solid var(--border);
    background: var(--bg);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: border-color var(--t) var(--ease),
        transform var(--t) var(--ease);
    will-change: transform;
    -webkit-tap-highlight-color: transparent;
}

.link-card:hover {
    border-color: var(--border-hover);
}

.link-card:active {
    transform: scale(0.98);
}

.link-label {
    font-size: var(--fs-link);
    font-weight: var(--fw-medium);
    position: relative;
    z-index: 1;
}

.footer {
    margin-top: var(--sp);
    font-size: var(--fs-footer);
    color: var(--fg);
    text-align: center;
    line-height: 1.5;
}