.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #7c4dff;background:#fff;margin-bottom:12px;box-shadow:0 2px 8px #7c4dff2e;cursor:pointer}.profile-details{width:90%;margin:0 auto 32px;padding:32px 40px;background:linear-gradient(120deg,#e3f2fd 60%,#7c4dff);border-radius:18px;box-shadow:0 6px 24px #7c4dff1f;font-size:1.3em;display:flex;flex-direction:column;align-items:center}.profile-details h3{color:#7c4dff;font-size:1.6em;margin-bottom:24px;text-align:center;font-weight:700}.profile-details ul{list-style:none;padding:0;margin:0;width:100%}.profile-details li{margin-bottom:22px;color:#333;font-size:1.18em;padding:12px 0;border-bottom:1px solid #b39ddb;width:100%;text-align:left}.profile-details input{width:95%;padding:12px 18px;border:1px solid #2196f3;border-radius:10px;font-size:1.15em;outline:none;transition:border-color .2s;background:#fff;margin-top:8px}.profile-header{display:flex;flex-direction:column;align-items:center;gap:16px;width:90%;margin:0 auto 24px;padding:24px 0;background:linear-gradient(120deg,#e3f2fd 60%,#7c4dff);border-radius:18px;box-shadow:0 4px 16px #7c4dff1a}.profile-header input[type=text],.profile-header input[type=email]{width:80%;padding:12px 18px;border:1.5px solid #2196f3;border-radius:10px;font-size:1.15em;outline:none;transition:border-color .2s;background:#fff;margin-top:8px;text-align:center}.profile-header input:focus{border-color:#7c4dff;background:#e3f2fd}.profile-actions{display:flex;gap:18px;justify-content:center;margin-top:32px}.edit-profile-btn,.logout-btn{background:linear-gradient(90deg,#e53935 60%,#7c4dff);color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:1.15em;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #e5393517}.edit-profile-btn:hover,.logout-btn:hover{background:linear-gradient(90deg,#2196f3 60%,#e53935);box-shadow:0 4px 16px #2196f32e}