/* Container */
.container {
    max-width: 896px;
    /* Tailwind max-w-4xl */
    margin: 0 auto;
    /* mx-auto */
    padding: 150px 16px 32px;
    /* px-4 pb-8 */
}

/* Typography */
.text-center {
    text-align: center;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.text-32 {
    font-size: 32px;
}

.text-24 {
    font-size: 24px;
}

.font-bold {
    font-weight: 700;
}

.font-semibold {
    font-weight: 600;
}

.text-dark {
    color: #0a131f;
}

.text-gray-600 {
    color: #4b5563;
}

.text-gray-700 {
    color: #374151;
}

.text-lg {
    font-size: 1.125rem;
}

/* 18px */
.text-base {
    font-size: 1rem;
}

/* 16px */
.leading-relaxed {
    line-height: 1.75rem;
}

/* 28px */
.max-w-2xl {
    max-width: 672px;
    margin: 0 auto;
}

/* Section titles and content */
.section-title {
    font-size: 24px;
    font-weight: 600;
    color: #0a131f;
    margin-bottom: 1.5rem;
}

.section-content p {
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 28px;
    color: #374151;
}

.section-content ol {
    margin: 0;
    padding-left: 1.25rem;
    /* default list indent */
}

.section-content li+li {
    margin-top: 1rem;
    /* space-y-4 */
}

/* Privacy box */
.privacy {
    background-color: #EFF6FF;
    /* blue-50 */
    padding: 32px;
    /* p-8 */
    border-radius: 0.75rem;
    /* rounded-xl */
    margin-bottom: 4rem;
    /* mb-16 */
}

.privacy p {
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 28px;
    color: #374151;
}

.privacy .links {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.privacy .links a {
    color: var(--custom-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.privacy .links a:hover {
    color: var(--custom-primary-hover);
}

/* Grid for contact & QR */
.grid-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    /* gap-8 */
}

/* Contact */
.contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* space-y-4 */
}

.contact-item {
    display: flex;
    align-items: center;
}

.contact-item .label {
    font-weight: 700;
    color: #0a131f;
    min-width: 80px;
}

.contact-item .value {
    color: #4b5563;
}

/* QR code */
.qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qr img {
    width: 160px;
    /* w-40 */
    height: 160px;
    /* h-40 */
    object-fit: cover;
    border-radius: 0.5rem;
    /* rounded-lg */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.qr span {
    margin-top: 1rem;
    color: #4b5563;
}