.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}
.section{position:relative;min-height:100vh;padding:8rem 0;padding-left:80px}
.section__header{margin-bottom:4rem;position:relative}
.section__label{
  font-size:0.75rem;font-weight:600;letter-spacing:0.15em;
  text-transform:uppercase;color:var(--accent);margin-bottom:0.75rem;
  display:flex;align-items:center;gap:0.5rem;
}
.section__label::before{content:'';width:24px;height:2px;background:var(--accent);border-radius:2px}
.section__title{margin-bottom:1rem}
.section__desc{max-width:55ch}

.grid{display:grid;gap:1.5rem}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* Hero */
.hero{
  min-height:100vh;display:flex;align-items:center;
  position:relative;overflow:hidden;padding-top:0;padding-bottom:0;
}
.hero__content{position:relative;z-index:2;width:100%;text-align:center;margin:0 auto}
.hero__badge{
  display:inline-flex;align-items:center;gap:0.5rem;
  padding:0.4rem 1rem;border-radius:100px;
  background:var(--bg-glass);border:1px solid var(--border-subtle);
  font-size:0.8rem;color:var(--text-secondary);margin-bottom:2rem;
  backdrop-filter:blur(10px);
  position:relative; overflow:hidden;
}
.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#69f0ae;animation:pulse-dot 2s infinite, glow-pulse 2s infinite}
.hero__name{margin-bottom:0.25rem}
.hero__name span{display:block}
.hero__name .first{color:var(--text-secondary);font-weight:300;font-size:clamp(1.5rem,3vw,2.5rem)}
.hero__name .last{
  color:var(--text-primary);font-weight:800;font-size:clamp(2.5rem,6vw,5.5rem);
  text-shadow: 0 0 25px rgba(var(--accent-rgb),0.2);
}
.hero__title{
  font-size:clamp(1rem,2vw,1.5rem);font-weight:500;
  color:var(--accent);margin-bottom:1.5rem;
  display:inline-flex;align-items:center;gap:0.75rem;
}
.hero__title::before{content:'';width:3px;height:1.2em;background:var(--accent);border-radius:2px;box-shadow:0 0 8px rgba(var(--accent-rgb),0.5)}
.hero__tagline{font-size:clamp(0.95rem,1.3vw,1.15rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:50ch;margin-left:auto;margin-right:auto;}
.hero__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.hero__ambient{
  position:absolute;top:-20%;right:-10%;width:800px;height:800px;
  background:radial-gradient(circle,rgba(var(--accent-rgb),0.1) 0%,transparent 70%);
  border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;
}
.hero__ambient--2{
  position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;
  background:radial-gradient(circle,rgba(var(--accent-design-rgb),0.08) 0%,transparent 70%);
  border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;
}
.hero__ambient--3{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;
  background:radial-gradient(circle,rgba(var(--accent-rgb),0.05) 0%,transparent 70%);
  border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;
}

/* About */
.about__card {
  max-width: 720px; margin: 0 auto;
  background: var(--bg-glass);
  border: 1px solid rgba(0,212,255,0.15);
  border-radius: var(--radius-xl);
  padding: 3rem;
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
  transition: all var(--transition-base);
}
.about__card:hover { border-color: rgba(0,212,255,0.3); box-shadow: 0 20px 50px rgba(0,212,255,0.1); }
.about__card-top { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 2.5rem; }
.about__avatar-ring {
  width: 140px; height: 140px; border-radius: 50%;
  padding: 4px; margin-bottom: 1.5rem;
  background: linear-gradient(135deg, var(--accent), var(--accent-design));
  box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.3);
  animation: glow-pulse 3s infinite alternate;
}
.about__avatar {
  width: 100%; height: 100%; border-radius: 50%;
  object-fit: cover; background: var(--bg-secondary);
  border: 4px solid var(--bg-primary);
}
.about__card-name { font-size: 1.8rem; margin-bottom: 0.25rem; }
.about__card-headline { font-size: 0.95rem; color: var(--accent); margin-bottom: 1.5rem; font-weight: 500; }
.about__card-bio p { margin: 0 auto 1rem; font-size: 0.95rem; line-height: 1.7; max-width: 60ch; }
.about__mini-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.about__mini-card {
  display: flex; align-items: center; gap: 1rem;
  padding: 1.25rem; border-radius: var(--radius-md);
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--border-subtle);
  cursor: pointer; transition: all var(--transition-fast);
}
.about__mini-card:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(0,212,255,0.3);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.about__mini-icon { font-size: 1.5rem; }
.about__mini-label { font-weight: 600; font-size: 0.9rem; }

/* Stack */
.stack__categories{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:2.5rem}
.stack__cat-btn{
  padding:0.5rem 1.25rem;border-radius:100px;font-size:0.85rem;font-weight:500;
  background:var(--bg-glass);border:1px solid var(--border-subtle);
  color:var(--text-secondary);transition:all var(--transition-fast);
  backdrop-filter:blur(8px);
}
.stack__cat-btn.active,.stack__cat-btn:hover{
  background:rgba(var(--accent-rgb),0.1);border-color:rgba(var(--accent-rgb),0.3);color:var(--accent);
}
.stack__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}
.stack__item{
  padding:1.25rem;border-radius:var(--radius-md);
  background:var(--bg-glass);border:1px solid var(--border-subtle);
  text-align:center;transition:all var(--transition-base);
  backdrop-filter:blur(8px);position:relative;overflow:hidden;
}
.stack__item:hover{border-color:rgba(var(--accent-rgb),0.3);transform:translateY(-4px)}
.stack__item-icon{font-size:2rem;margin-bottom:0.5rem}
.stack__item-name{font-size:0.85rem;font-weight:600}
.stack__item-bar{
  height:3px;border-radius:3px;background:var(--border-subtle);
  margin-top:0.75rem;overflow:hidden;
}
.stack__item-bar-fill{
  height:100%;border-radius:3px;background:var(--accent);
  transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-out-expo);
}
.stack__item.revealed .stack__item-bar-fill{transform:scaleX(1)}

/* Timeline */
.timeline{position:relative;padding-left:3rem}
.timeline__line{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-subtle)}
.timeline__progress{
  position:absolute;left:0;top:0;width:2px;height:0%;
  background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),0.4);
  transition:height 0.3s ease;
}
.timeline__item{
  position:relative;padding:2rem 0;padding-left:2rem;
  border-left:none;
}
.timeline__node{
  position:absolute;left:-3rem;top:2.25rem;width:16px;height:16px;
  border-radius:50%;background:var(--bg-secondary);
  border:2px solid var(--border-subtle);
  transform:translateX(calc(50% - 1px));
  transition:all var(--transition-base);z-index:2;
}
.timeline__item.active .timeline__node{
  border-color:var(--accent);background:var(--accent);
  box-shadow:0 0 15px rgba(var(--accent-rgb),0.5);
}
.timeline__year{
  font-size:0.8rem;font-weight:700;color:var(--accent);
  letter-spacing:0.1em;margin-bottom:0.5rem;
}
.timeline__title{font-size:1.15rem;margin-bottom:0.5rem}
.timeline__desc{font-size:0.9rem;color:var(--text-secondary);line-height:1.7}

/* Contact */
.contact__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.contact__link{
  display:flex;align-items:center;gap:1rem;
  padding:1.25rem 1.5rem;border-radius:var(--radius-md);
  background:var(--bg-glass);border:1px solid var(--border-subtle);
  backdrop-filter:blur(12px);transition:all var(--transition-base);
}
.contact__link:hover{
  border-color:rgba(var(--accent-rgb),0.3);transform:translateY(-3px);
  box-shadow:0 8px 30px rgba(0,0,0,0.2);
}
.contact__link-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:rgba(var(--accent-rgb),0.1);color:var(--accent);flex-shrink:0}
.contact__link-info{display:flex;flex-direction:column}
.contact__link-name{font-weight:600;font-size:0.95rem}
.contact__link-desc{font-size:0.75rem;color:var(--text-muted)}

/* Footer */
.footer{
  text-align:center;padding:3rem 2rem;
  border-top:1px solid var(--border-subtle);
  color:var(--text-muted);font-size:0.85rem;
  margin-top:4rem;
}

/* Certificates */
.cert__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}
.cert__card{
  padding:1.5rem;border-radius:var(--radius-md);
  background:var(--bg-glass);border:1px solid var(--border-subtle);
  backdrop-filter:blur(12px);transition:all var(--transition-base);
  display:flex;align-items:flex-start;gap:1rem;
}
.cert__card:hover{border-color:rgba(var(--accent-rgb),0.3);transform:translateY(-3px)}
.cert__icon{
  width:48px;height:48px;border-radius:var(--radius-sm);
  background:rgba(var(--accent-rgb),0.1);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:0.75rem;color:var(--accent);flex-shrink:0;
}
.cert__info{flex:1}
.cert__title{font-weight:600;font-size:0.95rem;margin-bottom:0.25rem}
.cert__category{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.5rem}
.cert__desc{font-size:0.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0.75rem}
.cert__link{
  display:inline-flex;align-items:center;gap:0.4rem;
  font-size:0.78rem;font-weight:600;color:var(--accent);
  transition:gap var(--transition-fast);
}
.cert__link:hover{gap:0.7rem}

/* Creative Stations */
.creative-station{padding:4rem 0;position:relative}
.creative-station__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
.creative-station__dot{
  width:14px;height:14px;border-radius:50%;flex-shrink:0;
  box-shadow:0 0 12px currentColor;
}
.creative-station__line{width:40px;height:2px;border-radius:2px}
.creative-station[data-accent="design"]{--station-color:var(--accent-design);--station-rgb:var(--accent-design-rgb)}
.creative-station[data-accent="video"]{--station-color:var(--accent-video);--station-rgb:var(--accent-video-rgb)}
.creative-station[data-accent="motion"]{--station-color:var(--accent-motion);--station-rgb:var(--accent-motion-rgb)}
.creative-station[data-accent="research"]{--station-color:var(--accent-research);--station-rgb:var(--accent-research-rgb)}
.creative-station[data-accent="pres"]{--station-color:var(--accent-pres);--station-rgb:var(--accent-pres-rgb)}
.creative-station__dot,.creative-station__line{background:var(--station-color);color:var(--station-color)}
.creative-station__title{font-size:1.3rem;color:var(--station-color)}
.creative-station .project-card{border-color:rgba(var(--station-rgb),0.1)}
.creative-station .project-card:hover{border-color:rgba(var(--station-rgb),0.3)}

/* Responsive */
@media(max-width:1024px){
  .section{padding-left:60px}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .section{padding:5rem 0;padding-left:50px}
  .container{padding:0 1.25rem}
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .hero__actions{flex-direction:column}
  
  /* About Section Responsive */
  .about__card { padding: 1.5rem; }
  .about__mini-cards { grid-template-columns: 1fr; }
  .about__avatar-ring { width: 110px; height: 110px; }
  .about__card-name { font-size: 1.5rem; }
  
  .contact__grid{grid-template-columns:1fr 1fr}
  .cert__grid{grid-template-columns:1fr}
  .stack__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
}
@media(max-width:480px){
  .section{padding-left:40px}
  .container{padding:0 1rem}
  .about__highlights{grid-template-columns:1fr}
  .contact__grid{grid-template-columns:1fr}
  .hero__name .last{font-size:clamp(2rem,10vw,3.5rem)}
}
@media(min-width:1600px){
  .container{max-width:1400px}
}