/* page-mine.component.scss */
.profile-section {
    max-width: 600px;
    margin: 0 auto;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
}

.login-prompt {
    text-align: center;
    padding: 40px 20px;

    .login-icon {
        font-size: 80px;
        color: var(--ion-color-medium);
        margin-bottom: 20px;
    }

    h2 {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }

    p {
        color: var(--ion-color-medium);
        margin-bottom: 30px;
    }
}

ion-button {
    margin-top: 16px;
}