.profile-section{padding:var(--space-20) 0 var(--space-24);background:var(--color-bg)}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;margin-bottom:var(--space-16);padding:var(--space-10) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:520px;margin-inline:auto;margin-bottom:var(--space-20)}@media (min-width: 640px){.profile-card{flex-direction:row;text-align:left;padding:var(--space-10)}}.avatar-wrapper{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,212,255,.3);box-shadow:0 0 32px #00d4ff26,var(--shadow-md)}.avatar-wrapper svg{width:100%;height:100%;display:block}.profile-info{display:flex;flex-direction:column;gap:var(--space-2)}.profile-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.profile-title{font-size:var(--text-sm);color:var(--color-accent);font-weight:500;letter-spacing:.04em}.profile-comment{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-top:var(--space-2)}.profile-subheading{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-3)}.profile-subheading:before{content:"";display:inline-block;width:4px;height:1.2em;background:var(--gradient-accent);border-radius:var(--radius-sm);flex-shrink:0}.timeline-section{margin-bottom:var(--space-20)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--color-accent) 0%,rgba(0,212,255,.3) 60%,transparent 100%);border-radius:var(--radius-full)}.timeline-item{position:relative;padding-bottom:var(--space-10)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-8) + 5px);top:6px;width:14px;height:14px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px #00d4ff33,0 0 12px #00d4ff66;z-index:1}.timeline-item:first-child:before{width:16px;height:16px;top:5px;left:calc(-1 * var(--space-8) + 4px);box-shadow:0 0 0 4px #00d4ff33,0 0 20px #00d4ff99}.timeline-date{font-size:var(--text-sm);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-1);letter-spacing:.02em}.timeline-title{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.4}.timeline-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.skills-categories{display:flex;flex-direction:column;gap:var(--space-10)}.skill-category{display:flex;flex-direction:column;gap:var(--space-4)}.skill-category-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.badge-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.skill-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.skill-badge:hover{border-color:var(--color-accent);box-shadow:0 0 12px #00d4ff26}