.cpl-profile-wrapper{
  max-width: 520px;
  margin: 60px auto;
  padding: 0 12px;
  direction: rtl;
}

.cpl-profile-card{
  background:#0b1020;
  border:1px solid #FFD800;
  border-radius:16px;
  padding:24px;
  color:#FFD800;
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
}

.cpl-profile-header{
  text-align:center;
  margin-bottom:18px;
}

.cpl-profile-avatar{
  width:120px;
  height:120px;
  border-radius:50%;
  border:3px solid #FFD800;
  object-fit:cover;
  display:block;
  margin: 0 auto 12px auto;
}

.cpl-profile-name{
  font-size:22px;
  font-weight:800;
  margin-bottom:6px;
}

.cpl-profile-email{
  font-size:14px;
  opacity:0.9;
}

.cpl-profile-msg{
  margin: 14px 0 18px 0;
  padding: 12px;
  border-radius:10px;
  font-weight:700;
  font-size:14px;
}

.cpl-profile-msg.success{
  background:#2ecc71;
  color:#000;
}

.cpl-profile-msg.error{
  background:#e74c3c;
  color:#fff;
}

.cpl-profile-error{
  text-align:center;
  font-weight:800;
  color:#FFD800;
}

.cpl-profile-form{
  margin-top: 8px;
}

.cpl-profile-section{
  background:#11182e;
  border:1px solid rgba(255,216,0,0.35);
  border-radius:12px;
  padding:14px;
  margin-bottom:14px;
}

.cpl-profile-section-title{
  margin:0 0 10px 0;
  font-size:16px;
  font-weight:900;
}

.cpl-profile-label{
  display:block;
  margin:10px 0 6px;
  font-weight:800;
  color:#FFE97A;
  font-size:13px;
}

.cpl-profile-input{
  width:100%;
  padding:10px;
  border-radius:8px;
  border:1px solid #FFD800;
  background:#0b1020;
  color:#FFD800;
  outline:none;
}

.cpl-profile-input:focus{
  box-shadow: 0 0 0 3px rgba(255,216,0,0.15);
}

.cpl-profile-hint{
  margin-top:8px;
  font-size:12px;
  opacity:0.85;
}

.cpl-profile-btn{
  width:100%;
  padding:12px;
  border:none;
  border-radius:10px;
  background:#FFD800;
  color:#0b1020;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
}

.cpl-profile-btn:hover{
  background:#e6c200;
}
.cpl-pen {
    font-size: 12px;
    color: #f5c542;
    text-align: center;
}

.cpl-aet {
    font-size: 11px;
    color: #94a3b8;
    text-align: center;
}