.about-app-container{gap:var(--space-5);height:100%;min-height:520px;color:var(--color-text-primary);font-family:var(--font-sans);display:flex}.about-sidebar{gap:var(--space-6);width:220px;padding-right:var(--space-4);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;display:flex}.about-profile-header{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.about-profile-avatar{background:var(--gradient-accent);color:#fff;width:72px;height:72px;box-shadow:var(--shadow-sm), 0 0 20px var(--color-accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex;position:relative}.about-profile-avatar:after{content:"";border:1px solid var(--color-border-gold);animation:breathe-gold var(--dur-breath) var(--ease-smooth) infinite;border-radius:50%;position:absolute;inset:-3px}.about-profile-name{background:var(--gradient-title);color:#0000;margin-top:var(--space-2);background-clip:text;font-size:1.25rem;font-weight:800}.about-profile-class{font-family:var(--font-mono);color:var(--color-text-gold);border-radius:var(--radius-full);letter-spacing:.05em;background:#f59e0b14;border:1px solid #f59e0b26;padding:2px 8px;font-size:.72rem}.about-nav{gap:var(--space-2);flex-direction:column;display:flex}.about-nav-item{width:100%;padding:var(--space-3) var(--space-4);text-align:left;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth), border-color var(--dur-fast) var(--ease-smooth);background:0 0;border:1px solid #0000;font-size:.85rem;font-weight:600}.about-nav-item:hover{background:var(--color-accent-soft);color:var(--color-text-primary)}.about-nav-item--active{background:var(--color-accent-soft);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:0 0 12px var(--color-accent-glow)}.about-main-content{padding-left:var(--space-2);flex:1;overflow-y:auto}.about-tab-panel{gap:var(--space-6);flex-direction:column;display:flex}.about-section-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border-subtle);font-size:.8rem;font-weight:700}.about-description{color:var(--color-text-secondary);font-size:.93rem;line-height:1.8}.about-description strong{color:var(--color-text-primary)}.about-grid-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-1);transition:border-color var(--dur-fast), transform var(--dur-fast);background:#ffffff05;flex-direction:column;display:flex}.stat-card:hover{border-color:var(--color-border);transform:translateY(-2px)}.stat-card__icon{margin-bottom:var(--space-1);font-size:1.5rem}.stat-card__number{color:var(--color-text-gold);font-size:1.15rem;font-weight:800}.stat-card__label{color:var(--color-text-secondary);font-size:.75rem}.profile-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-tag-item{color:var(--color-text-primary);border-radius:var(--radius-full);transition:transform var(--dur-fast), border-color var(--dur-fast);background:#ffffff0a;border:1px solid #ffffff0f;padding:6px 14px;font-size:.78rem;font-weight:500}.profile-tag-item:hover{border-color:var(--color-border-gold);color:var(--color-gold-bright);transform:scale(1.05)}.social-links-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.social-link-btn{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);transition:all var(--dur-fast);background:#ffffff05;font-size:.82rem;display:flex}.social-link-btn:hover{background:var(--color-accent-soft);border-color:var(--color-border);color:var(--color-text-primary)}.about-visitor-map{margin-top:var(--space-5)}.visitor-map-mount-box{border-radius:var(--radius-lg);width:100%;min-height:160px;padding:var(--space-4);box-sizing:border-box;background:#0d0a1873;border:1px solid #ffffff0a;justify-content:center;align-items:center;display:flex;overflow:hidden}[data-theme=light] .visitor-map-mount-box{background:#ffffff73;border-color:#7c3aed0f}#mapmyvisitors-widget{flex-direction:column;align-items:center;max-width:100%;margin:0 auto!important;display:flex!important}.mapmyvisitors-map-container{border-radius:var(--radius-md);transition:transform .25s;overflow:hidden;box-shadow:0 4px 20px #00000059}#mapmyvisitors-widget:hover .mapmyvisitors-map-container{transform:scale(1.02)}.experience-timeline{padding-left:var(--space-5);flex-direction:column;display:flex;position:relative}.experience-timeline:before{content:"";background:var(--color-border-subtle);width:2px;position:absolute;top:6px;bottom:6px;left:3px}.timeline-item{padding-bottom:var(--space-8);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--color-accent);border:2px solid var(--color-bg-base);width:8px;height:8px;box-shadow:0 0 8px var(--color-accent-glow);transition:background var(--dur-fast);border-radius:50%;position:absolute;top:6px;left:-20px}.timeline-item:hover .timeline-marker{background:var(--color-gold);box-shadow:0 0 8px var(--color-gold-glow)}.timeline-content{gap:var(--space-1);flex-direction:column;display:flex}.timeline-date{font-family:var(--font-mono);color:var(--color-text-gold);font-size:.72rem;font-weight:600}.timeline-title{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.timeline-sub{color:var(--color-text-secondary);font-size:.82rem}.timeline-desc{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.82rem;line-height:1.6}.skills-stat-list{gap:var(--space-5);flex-direction:column;display:flex}.profile-stat-bar{gap:var(--space-2);flex-direction:column;display:flex}.profile-stat-bar__info{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.profile-stat-bar__label{color:var(--color-text-secondary);font-weight:600}.profile-stat-bar__value{font-family:var(--font-mono);font-weight:700}.profile-stat-bar__track{border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff0d;height:8px;overflow:hidden}.profile-stat-bar__fill{border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-spring)}.projects-quest-list{gap:var(--space-4);flex-direction:column;display:flex}.quest-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-1);transition:border-color var(--dur-normal), transform var(--dur-normal);background:#ffffff05;flex-direction:column;display:flex;position:relative}.quest-card:hover{border-color:var(--color-border);transform:translate(4px)}.quest-card__badge{top:var(--space-4);right:var(--space-5);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;padding:3px 10px;font-size:.68rem;font-weight:700;position:absolute}.quest-card__badge.gold{color:var(--color-text-inverse);background:var(--gradient-gold);box-shadow:0 0 10px var(--color-gold-glow);border-color:#0000}.quest-card__title{color:var(--color-text-primary);max-width:80%;font-size:1.05rem;font-weight:700}.quest-card__subtitle{color:var(--color-text-gold);margin-bottom:var(--space-2);font-size:.8rem;font-weight:500}.quest-card__bullets{gap:var(--space-2);padding-left:var(--space-4);flex-direction:column;list-style:none;display:flex}.quest-card__bullets li{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;position:relative}.quest-card__bullets li:before{content:"✦";color:var(--color-accent-bright);font-size:.7rem;position:absolute;top:1px;left:-16px}@media (width<=768px){.about-app-container{gap:var(--space-4);flex-direction:column}.about-sidebar{border-right:none;border-bottom:1px solid var(--color-border-subtle);width:100%;padding-right:0;padding-bottom:var(--space-4);gap:var(--space-4)}.about-nav{justify-content:center;gap:var(--space-2);flex-flow:wrap}.about-nav-item{width:auto;padding:6px 12px;font-size:.78rem}.about-profile-header{justify-content:center;gap:var(--space-4);flex-direction:row}.about-profile-name{margin-top:0}.about-main-content{padding-left:0}}