/* Extracted from public/assets/website/css/style.css and style-new.css during Phase 5 CSS split, round 2 (2026-08-05). */
/* Classes here are used exclusively by Auth module views. */





.auth-title {
    font-size: 26px;
    font-weight: 700;
}





.password-wrapper {
    position: relative;
}





.google-btn {
    background-color: #fff !important;
    border: 1px solid #E6E6E6;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 10px;
}





.google-btn:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #E6E6E6 !important;
}





.edit-profile {
    position: absolute;
    left: 80px;
    bottom: 15px;
    right: 0;
}





.subscription-box {
    padding: 30px;
    background-color: var(--grey-bg);
    border-radius: 20px;
}





.subscription-box h2 {
    font-size: var(--sub-heading-size);
    font-weight: var(--semibold);
}





.subscription-title {
    font-size: var(--heading-size);
    font-weight: 700;
}





.subscription-credits {
    font-weight: var(--semibold);
}





.subscription-credits span {
    font-weight: 700;
}





.subscription-detail-box {
    background-color: #FFF7EB;
    padding: 20px;
    border-radius: 20px;
}





.detail-box {
    text-align: center;
}





.detail-box p {
    font-size: 17px;
}





.detail-box p:last-child {
    font-size: 20px;
}





.profile-image {
    clip-path: circle(50% at 50% 50%);
}




.auth-title {
    font-size: 26px;
    font-weight: 700;
}





.password-wrapper {
    position: relative;
}





.google-btn {
    background-color: #fff !important;
    border: 1px solid #E6E6E6;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 30px;
}





.google-btn:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #E6E6E6 !important;
}





.edit-profile {
    position: absolute;
    left: 80px;
    bottom: 15px;
    right: 0;
}





.subscription-box {
    padding: 30px;
    background-color: var(--grey-bg);
    border-radius: 20px;
}





.subscription-box h2 {
    font-size: var(--sub-heading-size);
    font-weight: var(--semibold);
}





.subscription-title {
    font-size: var(--heading-size);
    font-weight: 700;
}





.subscription-credits {
    font-weight: var(--semibold);
}





.subscription-credits span {
    font-weight: 700;
}





.subscription-detail-box {
    background-color: #FFF7EB;
    padding: 20px;
    border-radius: 20px;
}





.detail-box {
    text-align: center;
}





.detail-box p {
    font-size: 17px;
}





.detail-box p:last-child {
    font-size: 20px;
}





.profile-image {
    clip-path: circle(50% at 50% 50%);
}