.section{padding:var(--space-2xl) 0;position:relative}.section--alt{background:var(--color-bg-secondary)}.section__header{text-align:center;margin-bottom:var(--space-xl)}.section__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0.4rem 1rem;background:rgba(0,229,199,0.1);border:1px solid rgba(0,229,199,0.2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:0.75rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-sm);animation:glow-pulse 4s ease-in-out infinite}.section__title{margin-bottom:var(--space-sm)}.section__subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto}.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-tertiary),transparent);border-radius:1px}.timeline__item{position:relative;padding-bottom:var(--space-lg)}.timeline__item::before{content:'';position:absolute;left:-2rem;top:0.5rem;width:12px;height:12px;background:var(--color-bg-primary);border:2px solid var(--color-accent);border-radius:50%;transform:translateX(-5px)}.exp-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth);cursor:pointer;transform-style:preserve-3d;transition:transform 0.15s ease-out,border-color 0.3s ease,box-shadow 0.3s ease}.exp-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.exp-card[data-expanded="true"]{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.exp-card__header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center;padding:var(--space-md);transition:background var(--transition-fast)}.exp-card:hover .exp-card__header{background:var(--color-bg-hover)}.exp-card__logo{width:48px;height:48px;border-radius:var(--radius-md);object-fit:contain;background:var(--color-bg-elevated);padding:8px}.exp-card__info h3{font-size:1.1rem;margin-bottom:0.25rem}.exp-card__company{font-size:0.9rem;color:var(--color-accent)}.exp-card__meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem}.exp-card__date{font-family:var(--font-mono);font-size:0.8rem;color:var(--color-text-muted)}.exp-card__location{display:flex;align-items:center;gap:0.25rem;font-size:0.8rem;color:var(--color-text-muted)}.exp-card__location img{width:20px;height:14px;border-radius:2px}.exp-card__arrow{width:20px;height:20px;margin-left:auto;transition:transform var(--transition-smooth);color:var(--color-text-muted)}.exp-card[data-expanded="true"] .exp-card__arrow{transform:rotate(180deg);color:var(--color-accent)}.exp-card__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.exp-card[data-expanded="true"] .exp-card__content{grid-template-rows:1fr}.exp-card__body{overflow:hidden}.exp-card__body-inner{padding:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.exp-card__main{display:flex;flex-direction:column;gap:var(--space-md)}.exp-card__text{min-width:0}.exp-card__image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border);width:100%;margin-top:var(--space-md)}.exp-card__image img{width:100%;height:auto;display:block}.exp-card__skills{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.exp-card__skills h4{font-size:0.95rem;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.exp-card__skills ul{list-style:none;padding:0;margin:0}.exp-card__skills li{padding:0.35rem 0;font-size:0.9rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.exp-card__skills li:last-child{border-bottom:none}.exp-card__skills strong{color:var(--color-text-primary)}.exp-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md);margin-bottom:0}.exp-card__summary{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.exp-card__summary p{margin-bottom:var(--space-sm)}.tech-tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:0.8rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.tech-tag img{width:18px;height:18px;border-radius:3px}.tech-tag:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.tech-tag--small{font-size:0.75rem;padding:0.2em 0.5em}.tech-tag--small img{width:14px;height:14px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);max-width:1200px;margin:0 auto}.skill-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);flex:1 1 280px;max-width:350px;transform-style:preserve-3d;transition:transform 0.15s ease-out,border-color 0.3s ease,box-shadow 0.3s ease}.skill-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.skill-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.skill-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-tertiary));display:flex;align-items:center;justify-content:center;color:var(--color-bg-primary)}.skill-card__icon svg{width:20px;height:20px}.skill-card h3{font-size:1rem}.skill-card__items{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skill-item{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.65rem;background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-sm);font-size:0.8rem;color:var(--color-text-secondary);transition:border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;cursor:default}.skill-item:hover{border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:0 0 15px rgba(0,229,199,0.2)}.skill-item img{width:16px;height:16px;border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth)}.project-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.project-card__image{height:180px;overflow:hidden;position:relative}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__content{padding:var(--space-md)}.project-card h3{font-size:1.1rem;margin-bottom:var(--space-xs)}.project-card p{font-size:0.9rem;margin-bottom:var(--space-sm)}.project-card__link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.9rem;font-weight:400}.project-card__link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.project-card__link:hover svg{transform:translateX(4px)}.projects-list{display:flex;flex-direction:column;gap:var(--space-md)}.project-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transform-style:preserve-3d;transition:transform 0.15s ease-out,border-color 0.3s ease,box-shadow 0.3s ease}.project-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.project-item__header{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);user-select:none}.project-item__header:hover{background-color:var(--color-bg-elevated)}.project-item__header-main{display:flex;align-items:center;gap:var(--space-md);width:100%}.project-item__header-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-left:calc(60px+var(--space-md))}.project-item__thumb{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.project-item__thumb img{width:100%;height:100%;object-fit:cover}.project-item__icon{width:60px;height:60px;border-radius:var(--radius-md);background:var(--color-accent-transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent)}.project-item__info{flex:1;min-width:0}.project-item__info h3{font-size:1.1rem;margin-bottom:0.25rem}.project-item__meta{display:flex;align-items:center;gap:var(--space-sm)}.project-item__type{font-size:0.8rem;color:var(--color-accent);font-weight:400}.project-item__date{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-muted)}.project-item__chevron{display:flex;align-items:center;color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0}.project-item[data-expanded="true"] .project-item__chevron{transform:rotate(180deg)}.project-item__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.project-item[data-expanded="true"] .project-item__content{grid-template-rows:1fr}.project-item__body{overflow:hidden}.project-item__body-inner{padding:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.project-item__meta-details{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.project-item__detail{font-size:0.9rem;color:var(--color-text-secondary)}.project-item__detail strong{color:var(--color-text-primary)}.project-item__detail a{color:var(--color-accent);transition:color var(--transition-fast)}.project-item__detail a:hover{color:var(--color-accent-hover)}.project-item__summary{margin-bottom:var(--space-md)}.project-item__summary strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.project-item__summary p{color:var(--color-text-secondary);font-size:0.95rem;line-height:1.7;margin-bottom:var(--space-sm)}.project-item__summary p:last-child{margin-bottom:0}.project-item__tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.project-item__link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);font-size:0.9rem;font-weight:400;transition:color var(--transition-fast);margin-bottom:var(--space-md)}.project-item__link:hover{color:var(--color-accent-hover)}.project-item__image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.project-item__image img{width:100%;height:auto;display:block}.contrib-list{display:flex;flex-direction:column;gap:var(--space-sm)}.contrib-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transform-style:preserve-3d;transition:transform 0.15s ease-out,border-color 0.3s ease,box-shadow 0.3s ease}.contrib-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.contrib-card__header{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);transition:background-color var(--transition-fast);user-select:none}.contrib-card__header:hover{background-color:var(--color-bg-elevated)}.contrib-card__logo{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:contain;background:var(--color-bg-elevated);padding:4px}.contrib-card__title-group{flex:1;min-width:0}.contrib-card h3{font-size:1rem;font-family:var(--font-mono);color:var(--color-text-primary);margin-bottom:0.125rem}.contrib-card h3 a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.contrib-card h3 a:hover{color:var(--color-accent)}.contrib-card__year{font-family:var(--font-mono);font-size:0.8rem;color:var(--color-text-muted)}.contrib-card__repo-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}.contrib-card__repo-link:hover{color:var(--color-accent);background-color:var(--color-accent-transparent)}.contrib-card__chevron{margin-left:auto;display:flex;align-items:center;color:var(--color-text-muted);transition:transform var(--transition-normal)}.contrib-card[data-expanded="true"] .contrib-card__chevron{transform:rotate(180deg)}.contrib-card__prs{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.contrib-card[data-expanded="true"] .contrib-card__prs{grid-template-rows:1fr}.contrib-card__prs-inner{overflow:hidden}.contrib-card__prs-content{padding:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.contrib-card__repo{padding-bottom:var(--space-sm);margin-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-size:0.9rem;color:var(--color-text-secondary)}.contrib-card__repo a{color:var(--color-accent)}.contrib-pr{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) 0;font-size:0.9rem;color:var(--color-text-secondary)}.contrib-pr a{color:var(--color-accent)}.contrib-pr a:hover{text-decoration:underline}.certs-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.cert-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transform-style:preserve-3d;transition:transform 0.15s ease-out,border-color 0.3s ease,box-shadow 0.3s ease}.cert-card:hover{border-color:var(--color-accent);background:var(--color-bg-hover);box-shadow:var(--shadow-glow)}.cert-card__logo{width:48px;height:48px;border-radius:var(--radius-md);object-fit:contain;background:var(--color-bg-elevated);padding:6px}.cert-card__info h3{font-size:1rem;margin-bottom:0.15rem;color:var(--color-text-primary)}.cert-card__issuer{font-size:0.85rem;color:var(--color-text-muted);margin:0}.cert-card__issuer a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.cert-card__issuer a:hover{color:var(--color-accent)}.cert-card__date{font-size:0.8rem;font-family:var(--font-mono);color:var(--color-accent);margin:0;margin-top:0.25rem}.cert-card__links{display:flex;gap:var(--space-sm)}.cert-card__link{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.75rem;font-size:0.8rem;font-weight:400;color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cert-card__link:hover{color:var(--color-accent);border-color:var(--color-accent);background:rgba(0,229,199,0.1)}.edu-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);transform-style:preserve-3d;transition:transform 0.15s ease-out,border-color 0.3s ease,box-shadow 0.3s ease}.edu-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.edu-card__logos{display:flex;gap:var(--space-xs)}.edu-card__logo{width:56px;height:56px;border-radius:var(--radius-md);object-fit:contain;background:var(--color-bg-elevated);padding:8px}.edu-card h3{margin-bottom:0.25rem}.edu-card__degree{color:var(--color-accent);font-size:0.95rem;margin-bottom:0.25rem}.edu-card__period{font-family:var(--font-mono);font-size:0.85rem;color:var(--color-text-muted)}.languages-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-md)}.lang-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full)}.lang-card img{width:28px;height:20px;border-radius:3px}.lang-card__info h4{font-size:0.95rem;margin-bottom:0}.lang-card__level{font-size:0.75rem;color:var(--color-text-muted)}.hobbies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.hobby-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth);cursor:pointer}.hobby-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.hobby-card__image{height:160px;overflow:hidden}.hobby-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.hobby-card:hover .hobby-card__image img{transform:scale(1.05)}.hobby-card__content{padding:var(--space-md)}.hobby-card h3{display:flex;align-items:center;gap:var(--space-xs);font-size:1.1rem;margin-bottom:var(--space-xs)}.hobby-card h3 img{width:24px;height:24px;border-radius:4px}.hobby-card__expanded{display:none;padding-top:var(--space-sm);border-top:1px solid var(--color-border);margin-top:var(--space-sm)}.hobby-card[data-expanded="true"] .hobby-card__expanded{display:block}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-xl) 0 var(--space-lg)}.site-footer__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.site-footer__brand{font-family:var(--font-mono);font-size:1rem;font-weight:600}.site-footer__socials{display:flex;gap:var(--space-sm)}.site-footer__copy{font-size:0.85rem;color:var(--color-text-secondary)}.site-footer__copy a{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.visually-hidden{clip:rect(1px,1px,1px,1px);position:absolute !important;height:1px;width:1px;overflow:hidden}@media (max-width:768px){.exp-card__header{grid-template-columns:auto 1fr;gap:var(--space-sm)}.exp-card__meta{grid-column:1 / -1;text-align:left;flex-direction:row;gap:var(--space-sm)}.edu-card{grid-template-columns:1fr;text-align:center}.edu-card__logos{justify-content:center}.timeline{padding-left:1.5rem}.timeline__item::before{left:-1.5rem;transform:translateX(-5px)}.cert-card{grid-template-columns:40px 1fr;gap:var(--space-sm)}.cert-card__logo{width:40px;height:40px}.cert-card__links{grid-column:1 / -1;margin-top:var(--space-xs)}}.timeline.animate-timeline::before{height:0;transition:height 1.5s ease-out}.timeline.animate-timeline.timeline--drawing::before{height:100%}.timeline__item .timeline__dot{position:absolute;left:-2rem;top:0.5rem;width:12px;height:12px;background:var(--color-bg-primary);border:2px solid var(--color-accent);border-radius:50%;transform:translateX(-5px) scale(0);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);z-index:1}@media (max-width:768px){.timeline__item .timeline__dot{left:-1.5rem}}.timeline.animate-timeline .timeline__item::before{display:none}.timeline__item.timeline-item--visible .timeline__dot{transform:translateX(-5px) scale(1)}.timeline.animate-timeline .exp-card{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.timeline.animate-timeline .timeline__item.timeline-item--visible .exp-card{opacity:1;transform:translateY(0)}.tilt-card{transform-style:preserve-3d;transition:transform 0.1s ease-out}.tilt-card__inner{transform-style:preserve-3d}.tilt-card__glare{position:absolute;inset:0;border-radius:inherit;background:linear-gradient( 135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 60% );opacity:0;pointer-events:none;transition:opacity 0.3s ease}.tilt-card:hover .tilt-card__glare{opacity:1}@media (prefers-reduced-motion:reduce){.timeline.animate-timeline::before{height:100%;transition:none}.timeline__item .timeline__dot{transform:translateX(-5px) scale(1);transition:none}.timeline.animate-timeline .exp-card,.timeline.animate-timeline .timeline__item.timeline-item--visible .exp-card{opacity:1;transform:none;transition:none}.tilt-card,.exp-card,.skill-card,.project-item,.cert-card,.contrib-card{transform:none !important;transition:border-color 0.3s ease,box-shadow 0.3s ease}.tilt-card__glare{display:none}.section__badge{animation:none}}@media (hover:none){.exp-card,.skill-card,.project-item,.cert-card,.contrib-card,.edu-card,.skill-item,.tech-tag{transform:none !important}.exp-card:hover,.exp-card:active,.skill-card:hover,.skill-card:active,.project-item:hover,.project-item:active,.cert-card:hover,.cert-card:active,.contrib-card:hover,.contrib-card:active,.edu-card:hover,.edu-card:active{border-color:var(--color-border);box-shadow:none;transform:none !important}.skill-item:hover,.skill-item:active{border-color:transparent;color:var(--color-text-secondary);box-shadow:none}.tech-tag:hover,.tech-tag:active{border-color:var(--color-border);color:var(--color-text-secondary)}.project-card__link:hover svg,.project-card__link:active svg{transform:none !important}.hobby-card:hover,.hobby-card:active{transform:none !important;box-shadow:none}.hobby-card:hover .hobby-card__image img,.hobby-card:active .hobby-card__image img{transform:none !important}.cert-card__link:hover,.cert-card__link:active,.cert-card__link:focus{color:var(--color-text-secondary);border-color:var(--color-border);background:var(--color-bg-elevated)}.contrib-card__repo-link:hover,.contrib-card__repo-link:active{color:var(--color-text-muted);background-color:transparent}.project-item__link:hover,.project-item__link:active{color:var(--color-accent)}}