.profile-page{display:flex;flex-direction:column;align-items:center;gap:14px;img{height:70%;aspect-ratio:1;border-radius:50%}}.profile-card{background:#181818;border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.25);padding:32px 36px;margin:48px auto;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:22px}.profile-card h1{color:#c6a4ff;margin-bottom:0}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-picture-section img{width:128px;height:128px;border-radius:50%;border:3px solid #c6a4ff;object-fit:cover;background:#222}.upload-label{font-size:1em;margin-top:6px}.upload-btn,.upload-label{cursor:pointer;color:#c6a4ff}.upload-btn{background:#282828;border:1px solid #c6a4ff;border-radius:8px;padding:6px 18px;font-weight:500;transition:background .2s}.upload-btn:hover{background:#c6a4ff;color:#181818}.username-section{display:flex;align-items:center;gap:10px}.username{font-size:1.3em;font-weight:700;padding:6px 16px}.username,.username-input{color:#fff;background:#232323;border-radius:8px}.username-input{font-size:1.1em;padding:6px 12px;border:1px solid #c6a4ff}.cancel-btn,.edit-btn,.save-btn{background:#282828;border:1px solid #c6a4ff;border-radius:8px;padding:6px 14px;cursor:pointer;color:#c6a4ff;font-weight:500;transition:background .2s}.edit-btn:hover,.save-btn:hover{background:#c6a4ff;color:#181818}.cancel-btn{border:1px solid #ff6c6c;color:#ff6c6c}.cancel-btn:hover{background:#ff6c6c;color:#181818}.error{color:#ff6c6c}.error,.success{margin-top:8px;font-size:1em}.success{color:#7fff7f}