/* Professional About profile page */
.about-pro-hero{position:relative;z-index:10;overflow:hidden;padding:clamp(58px,8vw,108px) 16px clamp(42px,6vw,72px)}
.about-pro-hero__inner{width:min(100%,var(--container));margin:0 auto;display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,64px);align-items:center}
.about-pro-hero__content{min-width:0}
.about-pro-hero__role{max-width:780px;margin:18px 0 0;color:#fff;font-size:clamp(1.08rem,2vw,1.32rem);font-weight:700;line-height:1.55}
.about-pro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-pro-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.about-pro-facts span,.about-pro-tags span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(139,92,246,.24);border-radius:999px;background:rgba(10,10,26,.3);color:var(--text-muted-dark);font-size:.82rem;line-height:1.2}
.about-pro-facts strong{color:var(--color-neon);font-size:.92rem}
.about-pro-card,.about-pro-panel,.about-pro-stats>div,.about-pro-competencies article,.about-pro-feature,.about-pro-collab,.about-pro-collab__grid>div{border:1px solid var(--border-dark);background:linear-gradient(145deg,rgba(139,92,246,.11),transparent 46%),var(--surface-dark);box-shadow:var(--shadow-dark-soft);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}

/* LinkedIn-inspired identity card */
.about-pro-card{position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible;padding:34px 28px 30px;border-radius:30px;text-align:center;box-shadow:var(--shadow-dark-strong)}
.about-pro-card::before{content:"";position:absolute;inset:0 0 auto;height:112px;border-radius:30px 30px 0 0;background:linear-gradient(135deg,rgba(139,92,246,.30),rgba(59,130,246,.12) 54%,rgba(10,10,26,.05));pointer-events:none}
.about-pro-card img{position:relative;z-index:1;width:clamp(176px,19vw,224px);height:clamp(176px,19vw,224px);aspect-ratio:1/1;margin:24px auto 0;border:5px solid rgba(15,15,35,.96);border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 0 0 2px rgba(139,92,246,.72),0 18px 50px rgba(0,0,0,.34),0 0 34px rgba(139,92,246,.20)}
.about-pro-card__body{position:relative;z-index:1;width:100%;padding:22px 0 0}
.about-pro-card__name{margin:0;color:#fff;font-size:1.48rem;font-weight:900;letter-spacing:-.035em}
.about-pro-card__title{margin:7px 0 0;color:var(--color-neon);font-size:1rem;font-weight:800}
.about-pro-card__meta{max-width:360px;margin:13px auto 0;color:var(--text-muted-dark);font-size:.88rem;line-height:1.6}
.about-pro-card__body a{display:inline-flex;align-items:center;gap:7px;margin-top:20px;padding:10px 14px;border:1px solid rgba(139,92,246,.28);border-radius:999px;background:rgba(139,92,246,.08);color:var(--color-neon);font-size:.86rem;font-weight:800;text-decoration:none}
.about-pro-card__body a:hover{border-color:rgba(139,92,246,.55);background:rgba(139,92,246,.14);transform:translateY(-1px)}

.about-pro-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch}
.about-pro-panel{padding:clamp(26px,4vw,42px);border-radius:28px}
.about-pro-panel p:not(.eyebrow){margin:18px 0 0;color:var(--text-muted-dark);font-size:1rem;line-height:1.78}

/* Compact profile expertise cards */
.about-pro-stats{display:grid;grid-template-columns:1fr;gap:14px}
.about-pro-stats>div{position:relative;min-height:0;padding:18px 18px 18px 68px;border-radius:20px;transition:transform var(--motion-base) var(--motion-ease),border-color var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}
.about-pro-stats>div::before{content:"";position:absolute;left:18px;top:18px;width:34px;height:34px;border:1px solid rgba(139,92,246,.30);border-radius:11px;background-color:rgba(139,92,246,.10);background-position:center;background-repeat:no-repeat;background-size:20px 20px}
.about-pro-stats>div:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='6' rx='2'/%3E%3Crect x='4' y='14' width='16' height='6' rx='2'/%3E%3Cpath d='M8 7h.01M8 17h.01M12 7h5M12 17h5'/%3E%3C/svg%3E")}
.about-pro-stats>div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 8-4 4 4 4M16 8l4 4-4 4M14 4l-4 16'/%3E%3C/svg%3E")}
.about-pro-stats>div:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.4-8 10-4.6-1.6-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.about-pro-stats>div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4a3 3 0 0 0-3 3v1a3 3 0 0 0-2 3 3 3 0 0 0 2 3v1a3 3 0 0 0 3 3M15 4a3 3 0 0 1 3 3v1a3 3 0 0 1 2 3 3 3 0 0 1-2 3v1a3 3 0 0 1-3 3M9 4v16M15 4v16M9 9h6M9 15h6'/%3E%3C/svg%3E")}
.about-pro-stats>div:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.42);box-shadow:var(--shadow-dark-strong)}
.about-pro-stats strong{display:block;color:#fff;font-size:1rem;line-height:1.3}
.about-pro-stats span{display:block;margin-top:7px;color:var(--text-muted-dark);font-size:.86rem;line-height:1.5}

/* Competency cards: wide, icon-led, readable */
.about-pro-competencies{display:grid;grid-template-columns:1fr;gap:16px}
.about-pro-competencies article{position:relative;overflow:hidden;min-height:0;padding:24px 24px 24px 88px;border-radius:22px}
.about-pro-competencies article::before{content:"";position:absolute;left:24px;top:24px;width:44px;height:44px;border:1px solid rgba(139,92,246,.32);border-radius:14px;background-color:rgba(139,92,246,.10);background-position:center;background-repeat:no-repeat;background-size:25px 25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.about-pro-competencies article>span{position:absolute;right:20px;top:20px;margin:0;color:rgba(139,92,246,.54);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.about-pro-competencies h3{margin:0;padding-right:38px;color:#fff;font-size:1.12rem;line-height:1.3}
.about-pro-competencies p{margin:9px 0 0;color:var(--text-muted-dark);font-size:.91rem;line-height:1.64}
.about-pro-competencies article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='2'/%3E%3Crect x='3' y='14' width='18' height='6' rx='2'/%3E%3Cpath d='M7 7h.01M7 17h.01M11 7h6M11 17h6'/%3E%3C/svg%3E")}
.about-pro-competencies article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 9-4 3 4 3M16 9l4 3-4 3M14 5l-4 14'/%3E%3C/svg%3E")}
.about-pro-competencies article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.4-8 10-4.6-1.6-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.about-pro-competencies article:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Ccircle cx='6' cy='18' r='2.5'/%3E%3Ccircle cx='18' cy='18' r='2.5'/%3E%3Cpath d='M8.5 6h7M6 8.5v7M18 8.5v7M8.5 18h7'/%3E%3C/svg%3E")}
.about-pro-competencies article:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4a3 3 0 0 0-3 3v1a3 3 0 0 0-2 3 3 3 0 0 0 2 3v1a3 3 0 0 0 3 3M15 4a3 3 0 0 1 3 3v1a3 3 0 0 1 2 3 3 3 0 0 1-2 3v1a3 3 0 0 1-3 3M9 4v16M15 4v16M9 9h6M9 15h6'/%3E%3C/svg%3E")}
.about-pro-competencies article:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18M8 4v5M7 14h4M7 17h7'/%3E%3C/svg%3E")}
.about-pro-competencies article:hover{border-color:rgba(139,92,246,.42);transform:translateY(-2px);box-shadow:var(--shadow-dark-strong)}

.about-pro-feature{display:grid;grid-template-columns:1fr;gap:28px;padding:clamp(28px,5vw,46px);border-radius:30px;box-shadow:var(--shadow-dark-strong)}
.about-pro-tags{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px}
.about-pro-collab{padding:clamp(28px,5vw,46px);border-radius:30px;box-shadow:var(--shadow-dark-strong)}
.about-pro-collab__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
.about-pro-collab__grid>div{padding:20px;border-radius:20px}
.about-pro-collab__grid strong{display:block;color:#fff;font-size:1rem;line-height:1.3}
.about-pro-collab__grid span{display:block;margin-top:8px;color:var(--text-muted-dark);font-size:.88rem;line-height:1.55}

body[data-theme="light"] .about-pro-hero__role{color:#111827}
body[data-theme="light"] .about-pro-facts span,body[data-theme="light"] .about-pro-tags span{border-color:var(--border-light);background:rgba(255,255,255,.66);color:#4b5563}
body[data-theme="light"] .about-pro-card,body[data-theme="light"] .about-pro-panel,body[data-theme="light"] .about-pro-stats>div,body[data-theme="light"] .about-pro-competencies article,body[data-theme="light"] .about-pro-feature,body[data-theme="light"] .about-pro-collab,body[data-theme="light"] .about-pro-collab__grid>div{border-color:var(--border-light);background:linear-gradient(145deg,rgba(139,92,246,.08),transparent 42%),var(--surface-light);box-shadow:var(--shadow-light-soft)}
body[data-theme="light"] .about-pro-card::before{background:linear-gradient(135deg,rgba(139,92,246,.17),rgba(59,130,246,.08) 54%,rgba(255,255,255,.2))}
body[data-theme="light"] .about-pro-card img{border-color:#fff}
body[data-theme="light"] .about-pro-card__name,body[data-theme="light"] .about-pro-stats strong,body[data-theme="light"] .about-pro-competencies h3,body[data-theme="light"] .about-pro-collab__grid strong{color:#111827}
body[data-theme="light"] .about-pro-card__meta,body[data-theme="light"] .about-pro-panel p:not(.eyebrow),body[data-theme="light"] .about-pro-stats span,body[data-theme="light"] .about-pro-competencies p,body[data-theme="light"] .about-pro-collab__grid span{color:#4b5563}
body[data-theme="light"] .about-pro-competencies article::before,body[data-theme="light"] .about-pro-stats>div::before{background-color:rgba(139,92,246,.08)}

@media(min-width:640px){.about-pro-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.about-pro-collab__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:760px){.about-pro-competencies{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.about-pro-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.about-pro-feature{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center}.about-pro-collab__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:980px){.about-pro-hero__inner{grid-template-columns:minmax(0,1.22fr) minmax(340px,.58fr)}}
@media(max-width:620px){.about-pro-competencies article{padding:82px 20px 22px}.about-pro-competencies article::before{left:20px;top:20px}.about-pro-competencies article>span{right:18px;top:18px}.about-pro-stats>div{padding:17px 17px 17px 64px}.about-pro-stats>div::before{left:17px;top:17px}}
@media(max-width:520px){.about-pro-actions,.about-pro-actions .btn{width:100%}.about-pro-card,.about-pro-panel,.about-pro-feature,.about-pro-collab{border-radius:24px}.about-pro-card{padding:26px 20px 24px}.about-pro-card::before{border-radius:24px 24px 0 0}.about-pro-card__body{padding-top:20px}}