#profile-empty-state[hidden],#profile-personal-content[hidden],.profile-empty-login[hidden]{display:none!important}
.profile-empty-state{max-width:1280px;margin:20px auto;color:#0f172a}.profile-empty-state>header{margin-bottom:24px}.profile-empty-state h1{font-size:30px;font-weight:900}.profile-empty-state p{color:#64748b;line-height:1.6}.profile-empty-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.profile-empty-card{background:white;border:1px solid #dcebe4;border-radius:18px;padding:28px}.profile-empty-prompt{text-align:center;padding:36px 28px}.profile-empty-icon{font-size:60px;margin-bottom:20px}.profile-empty-card h2{font-size:21px;font-weight:900;margin-bottom:14px}.profile-empty-create{display:block;max-width:400px;width:100%;margin:24px auto 12px;padding:14px 18px;border-radius:12px;background:#10b981;color:white;font-weight:800;cursor:pointer}.profile-empty-note{display:block;color:#64748b}.profile-empty-card ul{list-style:none;padding:0;margin:0}.profile-empty-card li{padding:20px 0;line-height:1.6;border-bottom:1px solid #edf2ef}.profile-empty-card li:last-child{border:0}.profile-empty-login{margin-top:16px;padding:20px;border:1px solid #d1eadc;border-radius:16px;background:#ecf9f1}.profile-empty-login button{color:#047857;font-weight:800;margin-top:10px;cursor:pointer}.profile-empty-create:focus-visible,.profile-empty-login button:focus-visible{outline:3px solid #047857;outline-offset:3px}
@media(max-width:767px){.profile-empty-state{margin:10px 0 24px}.profile-empty-state h1{font-size:24px}.profile-empty-grid{grid-template-columns:1fr;gap:16px}.profile-empty-card{padding:22px 18px}.profile-empty-prompt{padding:28px 18px}.profile-empty-card h2{font-size:20px}.profile-empty-icon{font-size:48px}.profile-empty-state>header{margin-bottom:18px}}

.profile-empty-state>header>p{margin-top:10px}

@media(max-width:430px){.profile-empty-state h1{font-size:23px;white-space:nowrap}.profile-empty-state>header>p{font-size:12px;white-space:nowrap}.profile-empty-card h2{font-size:17px;white-space:nowrap}.profile-empty-card p,.profile-empty-card li,.profile-empty-login p{font-size:12px;white-space:nowrap}.profile-empty-note{font-size:12px;white-space:nowrap}.profile-empty-card{padding-left:14px;padding-right:14px}}

@media(max-width:430px){
.profile-empty-state>header>p,.profile-empty-card p,.profile-empty-card li,.profile-empty-login p,.profile-empty-note{font-size:clamp(13px,3.9vw,16px)}
}