.hero{min-height:100vh;padding:var(--spacing-16)var(--spacing-6)var(--spacing-20);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__glow{pointer-events:none;width:800px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero__container{z-index:10;width:100%;max-width:1280px;margin:0 auto;position:relative}.hero__badge{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-8);display:inline-flex}.hero__badge-dot{width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hero__badge-text{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em}.hero__title{font-size:var(--text-6xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-6);line-height:1}.hero__subtitle{font-size:var(--text-base);font-family:var(--font-mono);margin-bottom:var(--spacing-3)}.hero__description{font-size:var(--text-lg);max-width:32rem;margin-bottom:var(--spacing-12);line-height:1.625}.hero__cta{gap:var(--spacing-4);margin-bottom:var(--spacing-20);flex-wrap:wrap;display:flex}.hero__stats{align-items:center;gap:var(--spacing-10);padding-top:var(--spacing-8);border-top:1px solid var(--color-border);display:flex}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold)}.hero__stat-label{font-size:var(--text-xs)}.hero__scroll{align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll-indicator{border:1px solid var(--color-border);border-radius:9999px;justify-content:center;width:20px;height:32px;padding-top:6px;display:flex}.hero__scroll-dot{background:var(--color-foreground);border-radius:2px;width:4px;height:6px;animation:1.5s ease-in-out infinite scroll-bounce}@media (min-width:640px){.hero__title{font-size:var(--text-5xl)}}@media (min-width:768px){.hero__title{font-size:5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
.about{padding:var(--spacing-16)var(--spacing-6)}.about__container{max-width:1280px;margin:0 auto}.about__label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3);display:block}.about__grid{gap:var(--spacing-16);margin-top:var(--spacing-4);align-items:start;display:grid}.about__content{flex-direction:column;display:flex}.about__title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-8);line-height:1.1}.about__text{gap:var(--spacing-5);flex-direction:column;max-width:48rem;display:flex}.about__paragraph{font-size:var(--text-base);line-height:1.625}.about__hobbies{gap:var(--spacing-3);margin-top:var(--spacing-10);flex-wrap:wrap;display:flex}.about__hobby{padding:6px var(--spacing-3);font-size:var(--text-sm);border:1px solid var(--color-border);align-items:center;gap:6px;display:inline-flex}.about__card{border:1px solid var(--color-border);overflow:hidden}.about__card-header{padding:var(--spacing-3)var(--spacing-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:6px;display:flex}.about__card-dot{border-radius:50%;width:12px;height:12px}.about__card-filename{font-size:var(--text-xs);font-family:var(--font-mono);margin-left:auto}.about__card-body{padding:var(--spacing-5);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface)}.about__card-line{margin-bottom:6px}.about__card-link{transition:text-decoration var(--transition-fast)var(--ease-in-out);text-decoration:none}.about__card-link:hover{text-decoration:underline}@media (min-width:640px){.about__title{font-size:var(--text-5xl)}}@media (min-width:1024px){.about__grid{grid-template-columns:1fr 400px}}
.skills{padding:var(--spacing-16)var(--spacing-6)}.skills__container{max-width:1280px;padding:var(--spacing-16)var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);margin:0 auto}.skills__header{margin-bottom:var(--spacing-12);justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.skills__label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-2);display:block}.skills__title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.skills__description{font-size:var(--text-sm);text-align:right;max-width:20rem}.skills__groups{flex-direction:column;display:flex}.skills__group{gap:var(--spacing-4);padding:var(--spacing-6)0;border-top:1px solid var(--color-border);flex-direction:column;display:flex}.skills__category{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:160px}.skills__list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.skills__item{font-size:var(--text-sm);padding:6px var(--spacing-3);font-weight:var(--font-medium);transition:all var(--transition-base)var(--ease-in-out);background:var(--color-background);border:1px solid var(--color-border)}.skills__item:hover{transform:scale(1.03)}@media (min-width:640px){.skills__group{flex-direction:row;align-items:center}.skills__container{padding:var(--spacing-16)var(--spacing-12)}}
.experience{padding:var(--spacing-16)var(--spacing-6)}.experience__container{max-width:1280px;margin:0 auto}.experience__label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3);display:block}.experience__title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-16)}.experience__grid{gap:var(--spacing-12);display:grid}.experience__sidebar{gap:var(--spacing-6);flex-direction:column;display:flex}.experience__card{padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border)}.experience__card-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.experience__card-title{font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:4px}.experience__card-subtitle{font-size:var(--text-sm);margin-bottom:var(--spacing-2)}.experience__card-period{font-size:var(--text-xs);font-family:var(--font-mono)}.experience__timeline{gap:var(--spacing-12);flex-direction:column;display:flex}.experience__item{padding-left:var(--spacing-8);position:relative}.experience__item:before{content:"";border:2px solid var(--color-accent);background:var(--color-background);width:12px;height:12px;position:absolute;top:8px;left:0}.experience__item:after{content:"";width:2px;height:calc(100% + var(--spacing-12));background:var(--color-border);position:absolute;top:20px;left:5px}.experience__item:last-child:after{display:none}.experience__item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.experience__item-role{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:4px}.experience__item-company{font-size:var(--text-base);margin-bottom:2px}.experience__item-location{font-size:var(--text-sm)}.experience__item-period{font-size:var(--text-sm);font-family:var(--font-mono);padding:4px var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border)}.experience__item-bullets{gap:var(--spacing-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.experience__item-bullet{font-size:var(--text-sm);padding-left:var(--spacing-5);line-height:1.625;position:relative}.experience__item-bullet:before{content:"→";color:var(--color-accent);position:absolute;left:0}@media (min-width:1024px){.experience__grid{gap:var(--spacing-20);grid-template-columns:280px 1fr}}
.projects{padding:var(--spacing-16)var(--spacing-6)}.projects__container{max-width:1280px;margin:0 auto}.projects__label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3);display:block}.projects__header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-12);flex-wrap:wrap;display:flex}.projects__title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.projects__github-link{font-size:var(--text-sm);font-weight:var(--font-medium);transition:opacity var(--transition-base)var(--ease-in-out);text-decoration:none}.projects__github-link:hover{opacity:.7}.projects__grid{gap:var(--spacing-5);display:grid}.projects__empty{grid-column:1/-1}.projects__empty-content{padding:var(--spacing-16)var(--spacing-6);justify-content:center;align-items:center;gap:var(--spacing-6);text-align:center;border:1px dashed var(--color-border);flex-direction:column;display:flex}.projects__empty-icon{background:var(--color-surface);border:1px solid var(--color-border);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.projects__empty-title{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.projects__empty-description{font-size:var(--text-sm);max-width:20rem}.projects__card{padding:var(--spacing-6);height:100%;transition:all var(--transition-base)var(--ease-in-out);background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-accent);flex-direction:column;text-decoration:none;display:flex}.projects__card--clickable{cursor:pointer}.projects__card--clickable:hover{border-color:var(--color-accent);transform:translateY(-4px)}.projects__card:hover{transform:translateY(-2px)}.projects__card-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.projects__card-description{font-size:var(--text-sm);margin-bottom:var(--spacing-5);flex:1;line-height:1.625}.projects__card-tags{gap:var(--spacing-2);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.projects__card-tag{font-size:var(--text-xs);padding:4px var(--spacing-2)}.projects__card-footer{padding-top:var(--spacing-4);border-top:1px solid var(--color-border);margin-top:auto}.projects__card-link-text{font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--spacing-2);display:flex}.projects__card-links{gap:var(--spacing-3);display:flex}.projects__card-link{font-size:var(--text-xs);font-weight:var(--font-medium);transition:opacity var(--transition-base)var(--ease-in-out);text-decoration:none}.projects__card-link:hover{opacity:.7}@media (min-width:640px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects__grid{grid-template-columns:repeat(3,1fr)}}
.contact{padding:var(--spacing-16)var(--spacing-6)}.contact__container{max-width:1280px;margin:0 auto}.contact__wrapper{padding:var(--spacing-16)var(--spacing-8);background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden}.contact__glow{pointer-events:none;position:absolute;inset:0}.contact__content{z-index:10;text-align:center;max-width:48rem;margin:0 auto;position:relative}.contact__label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-4);display:block}.contact__badge{align-items:center;gap:var(--spacing-2);padding:6px var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--spacing-8);background:var(--color-accent-muted);border:1px solid color-mix(in srgb,var(--color-accent)30%,transparent);display:inline-flex}.contact__badge-dot{background:currentColor;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.contact__title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-6)}.contact__description{font-size:var(--text-base);margin-bottom:var(--spacing-10);max-width:28rem;margin-left:auto;margin-right:auto;line-height:1.625}.contact__email-link{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-12);text-decoration:none;display:inline-flex}.contact__email-text{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);transition:opacity var(--transition-base)var(--ease-in-out);overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;max-width:100%}.contact__email-link:hover .contact__email-text{opacity:.7}.contact__email-icon{transition:transform var(--transition-base)var(--ease-in-out)}.contact__email-link:hover .contact__email-icon{transform:translate(4px)}.contact__socials{justify-content:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.contact__social-button svg{width:16px;height:16px}@media (min-width:640px){.contact__wrapper{padding:var(--spacing-16)}.contact__title{font-size:var(--text-5xl)}.contact__email-text{font-size:var(--text-2xl)}}@media (min-width:768px){.contact__email-text{font-size:var(--text-3xl)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}