/* =========================
   📄 Page Layout
========================= */

.content {

    display: flex;
    justify-content: center;

    padding: 120px 20px;

    min-height: 100vh;

    box-sizing: border-box;
}

/* =========================
   📦 Page Box
========================= */

.page-box {

    width: 100%;
    max-width: 900px;

    background: rgba(20, 16, 35, 0.85);

    border: 1px solid rgba(181, 23, 255, 0.25);

    border-radius: 15px;

    padding: 30px;

    color: white;

    box-shadow: 0 0 20px rgba(181, 23, 255, 0.1);
}

/* =========================
   🏷️ Title
========================= */

.page-box h1 {

    color: #b517ff;

    margin-bottom: 20px;
}

/* =========================
   📝 Text
========================= */

.page-box p {

    line-height: 1.8;

    color: #cfcfe7;

    margin-bottom: 15px;
}

/* =========================
   📱 Mobile
========================= */

@media (max-width: 768px) {

    .page-box {

        padding: 20px;
    }
}