.profile-page{max-width:1040px;margin:auto;display:grid;gap:24px;min-width:0}.profile-heading h1{margin:8px 0;font-size:clamp(30px,5vw,44px)}.profile-heading p{color:#aab5c8}.profile-page .card{margin:0;padding:clamp(20px,3vw,32px);min-width:0}.profile-identity{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.profile-identity h2{margin:8px 0}.profile-picture{width:104px;height:104px;flex:0 0 104px;border:1px solid #7060b0;border-radius:50%;background:linear-gradient(135deg,#5935b4,#173c68);display:grid;place-items:center;font-size:40px;font-weight:800;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.profile-form,.avatar-form{display:grid;gap:18px;min-width:0}.profile-form label,.avatar-form label{display:grid;gap:9px;margin:0;min-width:0}.profile-form input,.avatar-form input{width:100%;box-sizing:border-box;min-width:0}.avatar-form{margin-left:auto;max-width:100%;flex:1 1 300px}.avatar-form small,.profile-form small{color:#aab5c8;line-height:1.6}.profile-form p{margin:0;font-size:.93rem;line-height:1.65}.profile-form button{justify-self:start}.profile-status{display:inline-flex;background:#153b34;color:#90e4bd;border:1px solid #2c6050;border-radius:99px;padding:7px 12px;font-size:.8rem}.profile-status.pending{background:#30283d;color:#d3b8ee;border-color:#625077}.profile-email{overflow-wrap:anywhere}.profile-notice{padding:18px;border:1px solid #574772;border-radius:14px;background:#241e36;line-height:1.7}.recovery-page{max-width:520px;margin:24px auto}.recovery-brand{object-fit:contain;display:block;margin:0 auto 26px;max-width:90%;height:auto}.recovery-page h1{font-size:clamp(26px,5vw,34px)}.recovery-page p{line-height:1.7}.recovery-back{display:inline-block;margin-top:24px}.profile-remove{font-size:.85rem}@media(max-width:680px){.profile-columns{grid-template-columns:minmax(0,1fr)}.profile-form button{width:100%}.profile-identity{gap:18px}.profile-picture{width:80px;height:80px;flex-basis:80px}.avatar-form{flex-basis:100%;margin-left:0}.profile-form .profile-columns{gap:18px}}
