.user-about{background:var(--color-white);border-radius:12px;box-shadow:var(--shadow-black-md);margin-bottom:24px;overflow:hidden}.user-about__header{padding:24px 24px 0;border-bottom:1px solid var(--color-border)}.user-about__title{font-size:24px;font-weight:600;color:var(--color-black);margin:0 0 24px}.user-about__content{padding:24px}.user-about__section{margin-bottom:32px}.user-about__section:last-child{margin-bottom:0}.user-about__section-title{font-size:18px;font-weight:600;color:var(--color-black);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.user-about__details{display:flex;flex-direction:column;gap:12px}.user-about__detail{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-bg-alt);border-radius:8px;border-left:4px solid var(--color-primary)}.user-about__detail-label{font-weight:500;color:var(--color-grey);font-size:14px}.user-about__detail-value{font-weight:600;color:var(--color-black);font-size:14px}.user-about__learning-stats{display:flex;flex-direction:column;gap:16px}.user-about__learning-stat{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-primary);border-radius:12px;color:var(--color-white)}.user-about__learning-icon{width:48px;height:48px;background:var(--color-bg-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-about__learning-icon svg{width:24px;height:24px;stroke:var(--color-white)}.user-about__learning-info{flex:1 1}.user-about__learning-value{font-size:28px;font-weight:700;margin-bottom:4px}.user-about__learning-label{font-size:14px;opacity:.9;font-weight:500}.user-about__member-since{font-size:16px;color:var(--color-grey);margin:0;padding:16px;background:var(--color-bg-alt);border-radius:8px;border-left:4px solid var(--color-secondary)}.user-about__note{display:flex;gap:16px;padding:20px;background:var(--color-secondary);border-radius:12px;color:var(--color-white);margin-top:24px}.user-about__note-icon{width:48px;height:48px;background:var(--color-bg-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-about__note-icon svg{width:24px;height:24px;stroke:var(--color-white)}.user-about__note-content{flex:1 1}.user-about__note-content h4{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--color-white)}.user-about__note-content p{font-size:14px;line-height:1.6;margin:0;opacity:.9}@media (max-width:768px){.user-about__header{padding:20px 20px 0}.user-about__title{font-size:20px}.user-about__content{padding:20px}.user-about__section{margin-bottom:24px}.user-about__detail{flex-direction:column;align-items:flex-start;gap:4px}.user-about__learning-stat{padding:16px}.user-about__learning-value{font-size:24px}.user-about__note{padding:16px}}@media (max-width:480px){.user-about__header{padding:16px 16px 0}.user-about__title{font-size:18px}.user-about__content{padding:16px}.user-about__section{margin-bottom:20px}.user-about__learning-stat{flex-direction:column;text-align:center;gap:12px}.user-about__learning-value{font-size:20px}.user-about__note{flex-direction:column;text-align:center;gap:12px}}.user-profile{background:var(--color-white);border-radius:12px;box-shadow:var(--shadow-black-sm);overflow:hidden;margin-bottom:24px}.user-profile__header{padding:24px;text-align:center;background:var(--color-primary);color:var(--color-white);position:relative}.user-profile__avatar{margin-bottom:16px}.user-profile__avatar-img{width:80px;height:80px;border-radius:50%;border:4px solid var(--color-border);object-fit:cover;transition:transform .3s ease}.user-profile__avatar-img:hover{transform:scale(1.05)}.user-profile__info{text-align:center}.user-profile__name{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--color-white)}.user-profile__username{font-size:16px;color:var(--color-white);margin:0 0 16px;font-weight:400}.user-profile__joined,.user-profile__location{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--color-white)}.user-profile__joined-icon,.user-profile__location-icon{width:16px;height:16px;flex-shrink:0}.user-profile__stats{display:flex;justify-content:center;padding:20px 24px;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.user-profile__stat{text-align:center;padding:0 24px}.user-profile__stat-value{font-size:24px;font-weight:700;color:var(--color-black);margin-bottom:4px}.user-profile__stat-label{font-size:14px;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.user-profile__content{padding:24px}.user-profile__about h2{font-size:18px;font-weight:600;color:var(--color-black);margin:0 0 12px}.user-profile__about p{color:var(--color-grey);line-height:1.6;margin:0}@media (max-width:768px){.user-profile__header{padding:20px}.user-profile__avatar-img{width:64px;height:64px}.user-profile__name{font-size:20px}.user-profile__username{font-size:14px}.user-profile__stats{padding:16px 20px}.user-profile__stat{padding:0 16px}.user-profile__stat-value{font-size:20px}.user-profile__content{padding:20px}}@media (max-width:480px){.user-profile__header{padding:16px}.user-profile__avatar-img{width:56px;height:56px}.user-profile__name{font-size:18px}.user-profile__stats{padding:12px 16px}.user-profile__stat{padding:0 12px}.user-profile__content{padding:16px}}