:root {
    --bg: #000000;
    --fg: #ffffff;
    --border: rgba(255, 255, 255, 0.1);
    --border-w: 1.5px;
    --border-hover: rgba(255, 255, 255, 0.25);
    --fs-title: 2rem;
    --fs-desc: 1rem;
    --fs-link: 1rem;
    --fs-footer: 1rem;
    --fw-bold: 700;
    --fw-medium: 600;
    --sp: 20px;
    --logo-sz: 60px;
    --max-w: 480px;
    --desc-max-w: 320px;
    --t: 0.22s;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

::-webkit-scrollbar {
    display: none;
}

html {
    -ms-overflow-style: none;
    scrollbar-width: none;
    color-scheme: dark;
}

.page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    padding: var(--sp);
}

.container {
    width: 100%;
    max-width: var(--max-w);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.links-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--sp);
}