.navbar{z-index:20;width:100%;padding-top:1.5rem;position:relative}.navbar__inner{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);background:#17171766;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1.5rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.navbar__logo{letter-spacing:-.05em;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.navbar__nav{align-items:center;gap:2rem;display:none}.navbar__link{color:var(--color-text-secondary);transition:color var(--transition-base);font-size:.875rem}.navbar__link:hover{color:var(--color-text-primary)}.navbar__actions{align-items:center;gap:1rem;display:none}.navbar__icon-link{color:var(--color-text-secondary);transition:color var(--transition-base)}.navbar__icon-link:hover{color:var(--color-text-primary)}.navbar__cta{border-radius:var(--radius-xl);background:var(--color-text-primary);color:var(--color-bg-primary);transition:background var(--transition-base);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:inline-flex;box-shadow:0 0 20px #fff3}.navbar__cta:hover{background:#ffffffe6}.navbar__toggle{width:2rem;height:2rem;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.navbar__mobile{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);background:#171717e6;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:1.5rem;animation:.3s ease-out fadeSlideIn;display:flex}.navbar__mobile-link{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);transition:color var(--transition-base);padding:.75rem 0;font-size:.875rem}.navbar__mobile-link:hover{color:var(--color-text-primary)}.navbar__cta--mobile{justify-content:center;margin-top:.75rem}@media (width>=768px){.navbar__nav,.navbar__actions{display:flex}.navbar__toggle{display:none}}.hero{min-height:92vh;color:var(--color-text-primary);padding-top:4rem;padding-bottom:5rem;position:relative;overflow:hidden}@media (width>=768px){.hero{padding-top:6rem}}.hero__bg-shapes{z-index:-1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 80%,#0000);mask-image:linear-gradient(#0000,#000 25% 80%,#0000)}.hero__blob{mix-blend-mode:screen;border-radius:50%;position:absolute}.hero__blob--indigo{background:var(--color-accent-indigo);filter:blur(120px);width:500px;height:500px;top:25%;right:25%}.hero__blob--teal{background:var(--color-accent-teal);filter:blur(100px);width:400px;height:400px;bottom:25%;left:25%}.hero__grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (width>=1024px){.hero__grid{grid-template-columns:2fr 1fr}}.hero__badge{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-white-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem .75rem;display:inline-flex}.hero__badge-dot{background:var(--color-accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hero__badge-text{letter-spacing:-.02em;color:var(--color-text-secondary);font-size:.75rem}.hero__title{letter-spacing:-.04em;color:var(--color-text-primary);font-size:clamp(2.25rem,7vw,5.25rem);font-weight:600;line-height:1.05}.hero__title-accent{color:var(--color-text-dim)}.hero__subtitle{letter-spacing:-.02em;color:#ffffffb3;margin-top:.75rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;line-height:1.3}.hero__description{color:#fff9;max-width:42rem;margin-top:1.5rem;font-size:clamp(1rem,2vw,1.125rem);font-weight:300;line-height:1.7}.hero__actions{flex-direction:column;gap:1rem;margin-top:2.5rem;display:flex}@media (width>=640px){.hero__actions{flex-direction:row}}.hero__btn{border-radius:var(--radius-xl);transition:all var(--transition-base);justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero__btn--primary{background:var(--color-text-primary);color:var(--color-bg-primary)}.hero__btn--primary:hover{background:#e5e5e5}.hero__btn--secondary{background:var(--color-bg-white-5);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(4px)saturate(1.25)}.hero__btn--secondary:hover{color:var(--color-text-primary)}.hero__stats{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;font-size:.875rem;display:flex}@media (width>=640px){.hero__stats{gap:2.5rem}}.hero__stat-group{align-items:center;gap:1.5rem;display:flex}@media (width>=640px){.hero__stat-group{gap:2.5rem}}.hero__stat-divider{background:var(--color-border);width:1px;height:2rem;display:none}@media (width>=640px){.hero__stat-divider{display:block}}.hero__stat{flex-direction:column;gap:.25rem;display:flex}.hero__stat-value{letter-spacing:-.04em;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.hero__stat-label{color:var(--color-text-muted);font-size:.8rem}.hero__orb-wrapper{display:none}@media (width>=1024px){.hero__orb-wrapper{display:block}}.hero__orb{aspect-ratio:1;background:linear-gradient(to bottom right, var(--color-bg-white-5), transparent);-webkit-backdrop-filter:blur(30px);border-radius:50%;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex;position:relative;overflow:hidden}.hero__orb-texture{opacity:.2;mix-blend-mode:overlay;background-image:url(https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/6e3b7649-fe73-4230-9721-e8e268a9d238_3840w.webp);background-size:cover;position:absolute;inset:0}.hero__orb-ring{border:1px dashed var(--color-border);border-radius:50%;width:calc(100% - 2rem);height:calc(100% - 2rem);animation:60s linear infinite spin;position:absolute;inset:1rem}.hero__orb-center{z-index:10;background:#0a0a0acc;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero__orb-icon{color:#fffc}.badge{border-radius:var(--radius-sm);background:var(--color-bg-white-5);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);white-space:nowrap;align-items:center;padding:.25rem .625rem;font-size:.75rem;display:inline-flex}.badge--dark{color:#fffc;border-radius:var(--radius-xl);background:#00000080;padding:.375rem .75rem}.section-header{margin-bottom:4rem}.section-header--centered{text-align:center}.section-header__label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-dim);margin-bottom:.5rem;font-size:.75rem}.section-header__title{letter-spacing:-.04em;color:var(--color-text-primary);font-size:clamp(1.875rem,5vw,3rem);font-weight:600;line-height:1.1}.experience{padding:var(--space-section) 0;position:relative}.experience__timeline{max-width:56rem;position:relative}.experience__line{background:linear-gradient(#fff3,#ffffff1a,#0000);width:1px;position:absolute;top:.5rem;bottom:0;left:19px}@media (width>=640px){.experience__line{left:27px}}.experience__items{flex-direction:column;gap:3rem;display:flex}.exp-item{padding-left:3.5rem;position:relative}@media (width>=640px){.exp-item{padding-left:5rem}}.exp-item__icon-wrapper{border:1px solid var(--color-border);background:var(--color-bg-primary);z-index:10;width:2.5rem;height:2.5rem;transition:border-color var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.25rem;left:0}@media (width>=640px){.exp-item__icon-wrapper{width:3.5rem;height:3.5rem}}.exp-item:hover .exp-item__icon-wrapper{border-color:#ffffff4d}.exp-item__icon{color:var(--color-text-muted);transition:color var(--transition-base);font-size:1.125rem}@media (width>=640px){.exp-item__icon{font-size:1.25rem}}.exp-item:hover .exp-item__icon{color:var(--color-text-primary)}.exp-item__card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px)saturate(1.25);transition:background var(--transition-base), transform var(--transition-base);cursor:pointer;color:inherit;background:#1717174d;padding:1.5rem;text-decoration:none;display:block}@media (width>=640px){.exp-item__card{padding:2rem}}.exp-item__card:hover{background:var(--color-bg-card-hover);transform:translateY(-2px)}.exp-item__header{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=640px){.exp-item__header{flex-direction:row;justify-content:space-between;align-items:center}}.exp-item__title{letter-spacing:-.04em;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}@media (width>=640px){.exp-item__title{font-size:1.5rem}}.exp-item__company{color:#fff9;margin-top:.25rem;font-size:.875rem}.exp-item__period{border-radius:var(--radius-md);background:var(--color-bg-white-5);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);white-space:nowrap;flex-shrink:0;align-items:center;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.exp-item__description{color:#a3a3a3;margin-bottom:1.5rem;font-size:.875rem;line-height:1.7}.exp-item__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.exp-item__tags{flex-wrap:wrap;gap:.5rem;display:flex}.exp-item__view-more{color:var(--color-text-muted);transition:color var(--transition-base), gap var(--transition-base);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:inline-flex}.exp-item__card:hover .exp-item__view-more{color:var(--color-text-primary);gap:.75rem}.education{padding:var(--space-section) 0;position:relative}.education__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.education__grid{grid-template-columns:repeat(3,1fr)}}.edu-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px)saturate(1.25);transition:background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);color:inherit;background:#1717174d;padding:2rem;text-decoration:none;display:block;position:relative;overflow:hidden}.edu-card--clickable{cursor:pointer}.edu-card:hover{background:var(--color-bg-card-hover);transform:translateY(-3px);box-shadow:0 8px 32px #6366f114}.edu-card__icon-wrapper{border-radius:var(--radius-lg);background:var(--color-bg-white-5);border:1px solid var(--color-border);width:3rem;height:3rem;transition:border-color var(--transition-base), background var(--transition-base);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.edu-card:hover .edu-card__icon-wrapper{background:#6366f11a;border-color:#ffffff4d}.edu-card__icon{color:var(--color-text-muted);transition:color var(--transition-base)}.edu-card:hover .edu-card__icon{color:var(--color-text-primary)}.edu-card__content{z-index:2;position:relative}.edu-card__header{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.edu-card__school{letter-spacing:-.04em;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.edu-card__location{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.edu-card__degree{color:#a3a3a3;margin-bottom:.25rem;font-size:.875rem;line-height:1.6}.edu-card__specialization{color:var(--color-text-dim);margin-bottom:.75rem;font-size:.75rem;font-style:italic}.edu-card__period{border-radius:var(--radius-md);background:var(--color-bg-white-5);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);align-items:center;margin-top:.75rem;padding:.25rem .75rem;font-size:.7rem;display:inline-flex}.edu-card__skills{flex-wrap:wrap;gap:.375rem;margin-top:1rem;display:flex}.edu-card__skill-tag{border-radius:var(--radius-full);color:#ffffffa6;letter-spacing:.02em;transition:all var(--transition-fast);background:#6366f11a;border:1px solid #6366f133;padding:.2rem .55rem;font-size:.65rem;display:inline-block}.edu-card:hover .edu-card__skill-tag{color:#ffffffd9;background:#6366f126;border-color:#6366f159}.edu-card__skill-more{color:var(--color-text-dim);align-items:center;padding:.2rem .45rem;font-size:.6rem;display:inline-flex}.edu-card__cta{color:var(--color-text-dim);transition:color var(--transition-base), gap var(--transition-base);align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.75rem;display:flex}.edu-card:hover .edu-card__cta{color:var(--color-text-secondary);gap:.75rem}.edu-card__cta-text{letter-spacing:.02em}.edu-card__number{letter-spacing:-.04em;color:var(--color-text-subtle);z-index:1;-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:600;line-height:1;position:absolute;top:1rem;right:1.5rem}.projects{padding:var(--space-section) 0}.projects__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.project-preview{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-base), background var(--transition-base);color:inherit;background:#17171759;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-preview:hover{background:#1717178c;transform:translateY(-5px)}.project-preview__glow{pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.project-preview:hover .project-preview__glow{opacity:1}.project-preview__content{z-index:2;flex-direction:column;flex-grow:1;padding:2rem;display:flex;position:relative}.project-preview__top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.project-preview__accent-dot{opacity:.8;border-radius:50%;width:10px;height:10px}.project-preview__arrow{color:var(--color-text-dim);transition:color var(--transition-base), transform var(--transition-base)}.project-preview:hover .project-preview__arrow{color:var(--color-text-primary);transform:translate(2px,-2px)}.project-preview__title{letter-spacing:-.04em;color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.375rem;font-weight:600;line-height:1.2}.project-preview__description{color:#a3a3a3;flex-grow:1;margin-bottom:1.5rem;font-size:.825rem;line-height:1.7}.project-preview__footer{flex-direction:column;gap:1rem;display:flex}.project-preview__tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-preview__cta{color:var(--color-text-muted);transition:color var(--transition-base), gap var(--transition-base);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:inline-flex}.project-preview:hover .project-preview__cta{color:var(--color-text-primary);gap:.75rem}.skills{padding:var(--space-section) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#000;position:relative}.skills__bg{opacity:.15;mix-blend-mode:screen;background-image:url(https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/a4780cd9-2a3d-4bdc-9e5f-85a097b3a8bf_3840w.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.skills__container{z-index:10;position:relative}.skills__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.skills__grid{grid-template-columns:repeat(3,1fr)}}.skill-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);transition:background var(--transition-base), transform var(--transition-base);background:#17171799;padding:1.75rem}.skill-card:hover{background:#171717cc;transform:translateY(-3px)}.skill-card__header{align-items:center;gap:.875rem;margin-bottom:1.25rem;display:flex}.skill-card__icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.skill-card__title{letter-spacing:-.03em;color:var(--color-text-primary);font-size:1rem;font-weight:600}.skill-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{border-radius:var(--radius-sm);transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:.375rem;padding:.3rem .7rem;font-size:.75rem;display:inline-flex}.skill-tag--main{color:var(--color-text-primary);background:#ffffff1a;border:1px solid #ffffff26;font-weight:500}.skill-tag--framework{background:var(--color-bg-white-5);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.skill-tag--other{color:var(--color-text-muted);background:0 0;border:1px solid #ffffff0f}.skill-tag:hover{color:var(--color-text-primary);background:#ffffff1f}.skill-tag__detail{color:var(--color-text-dim);font-size:.65rem;font-style:italic}.footer{z-index:10;background:var(--color-bg-primary);border-top:1px solid var(--color-border-subtle);padding:3rem 0;position:relative}.footer__top{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}@media (width>=768px){.footer__top{flex-direction:row}}.footer__logo-text{letter-spacing:-.05em;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.footer__socials{align-items:center;gap:1rem;display:flex}.footer__social-link{border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border-subtle);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.footer__social-link:hover{color:var(--color-text-primary);background:var(--color-bg-white-10)}.footer__bottom{border-top:1px solid var(--color-border);flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}@media (width>=640px){.footer__bottom{flex-direction:row}}.footer__copyright{color:#737373;font-family:monospace;font-size:.75rem}.footer__status{color:#737373;align-items:center;gap:.5rem;font-family:monospace;font-size:.75rem;display:flex}.footer__status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.exp-detail{min-height:100vh;color:var(--color-text-primary)}.exp-detail__nav{z-index:20;padding:1.5rem 0;position:relative}.exp-detail__back{color:var(--color-text-secondary);transition:color var(--transition-base), gap var(--transition-base);border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.exp-detail__back:hover{color:var(--color-text-primary);gap:.75rem}.exp-detail__hero{padding:3rem 0 4rem;position:relative}.exp-detail__hero-content{max-width:48rem}.exp-detail__hero-icon{border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border);width:4rem;height:4rem;color:var(--color-text-muted);justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.exp-detail__meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.exp-detail__company{letter-spacing:-.03em;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.exp-detail__period{border-radius:var(--radius-md);background:var(--color-bg-white-5);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);align-items:center;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.exp-detail__title{letter-spacing:-.04em;color:var(--color-text-primary);margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1}.exp-detail__description{color:#fff9;margin-bottom:1.5rem;font-size:1.05rem;font-weight:300;line-height:1.7}.exp-detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.exp-detail__projects{border-top:1px solid var(--color-border);padding:4rem 0}.exp-detail__projects-header{margin-bottom:3rem}.exp-detail__projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.exp-detail__projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.exp-detail__projects-grid{grid-template-columns:repeat(3,1fr)}}.project-detail-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);transition:background var(--transition-base), transform var(--transition-base);background:#17171766;flex-direction:column;padding:2rem;display:flex}.project-detail-card:hover{background:var(--color-bg-card-hover);transform:translateY(-4px)}.project-detail-card__top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.project-detail-card__number{letter-spacing:-.04em;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1}.project-detail-card__folder-icon{color:var(--color-text-dim)}.project-detail-card__title{letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.project-detail-card__description{color:#a3a3a3;flex-grow:1;margin-bottom:1.5rem;font-size:.825rem;line-height:1.7}.project-detail-card__tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.exp-detail__cta{padding:4rem 0}.exp-detail__cta-inner{border-radius:var(--radius-2xl);text-align:center;background:#17171766;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}@media (width>=640px){.exp-detail__cta-inner{text-align:left;flex-direction:row}}.exp-detail__cta-text{color:var(--color-text-secondary);font-size:1rem}.exp-detail__cta-btn{border-radius:var(--radius-xl);background:var(--color-text-primary);color:var(--color-bg-primary);transition:background var(--transition-base);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.exp-detail__cta-btn:hover{background:#ffffffe6}.project-detail{min-height:100vh;color:var(--color-text-primary)}.project-detail__nav{z-index:20;padding:1.5rem 0;position:relative}.project-detail__back{color:var(--color-text-secondary);transition:color var(--transition-base), gap var(--transition-base);border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.project-detail__back:hover{color:var(--color-text-primary);gap:.75rem}.project-detail__hero{padding:2rem 0 4rem}.project-detail__hero-content{max-width:48rem}.project-detail__accent-bar{border-radius:2px;width:3rem;height:4px;margin-bottom:2rem}.project-detail__title{letter-spacing:-.04em;color:var(--color-text-primary);margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1}.project-detail__description{color:#fff9;margin-bottom:1.5rem;font-size:1.05rem;font-weight:300;line-height:1.7}.project-detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-detail__github-btn{border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:color var(--transition-base), background var(--transition-base), border-color var(--transition-base);align-items:center;gap:.5rem;margin-top:1.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.project-detail__github-btn:hover{color:var(--color-text-primary);background:var(--color-bg-white-10,#ffffff1a);border-color:var(--color-border-muted,#fff3)}.project-detail__content{border-top:1px solid var(--color-border);padding:4rem 0}.project-detail__split{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=1024px){.project-detail__split{grid-template-columns:1fr 1fr;gap:4rem}}.project-detail__steps{position:relative}.project-detail__steps-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-dim);margin-bottom:2rem;font-size:.65rem;font-weight:500}.project-detail__steps-line{border-radius:1px;width:2px;position:absolute;top:4rem;bottom:1rem;left:23px}.project-detail__steps-list{flex-direction:column;gap:.75rem;display:flex}.step-bubble{border-radius:var(--radius-xl);cursor:pointer;text-align:left;z-index:2;color:var(--color-text-primary);font-family:var(--font-primary);background:0 0;border:1px solid #0000;align-items:flex-start;gap:1.25rem;width:100%;padding:1.25rem 1.5rem;transition:all .3s;display:flex;position:relative}.step-bubble:hover{background:var(--color-bg-white-5);border-color:var(--color-border-subtle)}.step-bubble--active{border-color:var(--color-border);-webkit-backdrop-filter:blur(8px);background:#17171799}.step-bubble__number{background:var(--color-bg-primary);border:2px solid var(--color-border);width:3rem;height:3rem;color:var(--color-text-muted);font-size:.75rem;font-weight:600;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.step-bubble--active .step-bubble__number{color:var(--color-text-primary);background:#ffffff0d;border-color:#ffffff4d}.step-bubble__content{flex:1;min-width:0;padding-top:.25rem}.step-bubble__title{letter-spacing:-.03em;color:var(--color-text-secondary);margin-bottom:0;font-size:1rem;font-weight:600;transition:color .3s}.step-bubble--active .step-bubble__title{color:var(--color-text-primary)}.step-bubble__desc{color:#737373;opacity:0;max-height:0;margin-top:0;font-size:.8rem;line-height:1.6;transition:max-height .4s,opacity .3s,margin .3s;overflow:hidden}.step-bubble__desc--visible{opacity:1;max-height:200px;margin-top:.5rem}.project-detail__demo{position:relative}@media (width>=1024px){.project-detail__demo-sticky{position:sticky;top:2rem}}.project-detail__demo-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-dim);margin-bottom:1.5rem;font-size:.65rem;font-weight:500}.project-detail__demo-wrapper{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);background:#17171780;position:relative;overflow:hidden}.project-detail__demo-glow{pointer-events:none;position:absolute;inset:-20%}.project-demo__code{z-index:2;position:relative}.project-demo__chrome{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.project-demo__dots{gap:6px;display:flex}.project-demo__dot{opacity:.8;border-radius:50%;width:10px;height:10px}.project-demo__filename{color:var(--color-text-dim);font-family:monospace;font-size:.7rem}.project-demo__body{white-space:pre-wrap;padding:1.5rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.8;overflow-x:auto}.project-demo__token--keyword{color:#818cf8}.project-demo__token--function{color:inherit}.project-demo__token--normal{color:#fff9}.project-detail__step-detail{border-radius:var(--radius-xl);background:#17171766;margin-top:1.5rem;padding:1.5rem;transition:all .3s}.project-detail__step-detail-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.project-detail__step-detail-num{letter-spacing:-.04em;font-size:1.5rem;font-weight:700;line-height:1}.project-detail__step-detail-title{letter-spacing:-.03em;color:var(--color-text-primary);font-size:1rem;font-weight:600}.project-detail__step-detail-desc{color:#a3a3a3;font-size:.825rem;line-height:1.7}.project-detail__cta{padding:4rem 0}.project-detail__cta-inner{border-radius:var(--radius-2xl);text-align:center;background:#17171766;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}@media (width>=640px){.project-detail__cta-inner{text-align:left;flex-direction:row}}.project-detail__cta-text{color:var(--color-text-secondary);font-size:1rem}.project-detail__cta-btn{border-radius:var(--radius-xl);background:var(--color-text-primary);color:var(--color-bg-primary);transition:background var(--transition-base);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.project-detail__cta-btn:hover{background:#ffffffe6}.edu-detail{min-height:100vh;color:var(--color-text-primary)}.edu-detail__nav{z-index:20;padding:1.5rem 0;position:relative}.edu-detail__back{color:var(--color-text-secondary);transition:color var(--transition-base), gap var(--transition-base);border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.edu-detail__back:hover{color:var(--color-text-primary);gap:.75rem}.edu-detail__hero{padding:3rem 0 4rem;position:relative}.edu-detail__hero-content{max-width:48rem}.edu-detail__hero-icon{border-radius:var(--radius-xl);background:var(--color-bg-white-5);border:1px solid var(--color-border);width:4rem;height:4rem;color:var(--color-text-muted);justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.edu-detail__meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.edu-detail__school{letter-spacing:-.03em;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.edu-detail__location{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.edu-detail__title{letter-spacing:-.04em;color:var(--color-text-primary);margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1}.edu-detail__specialization{color:#ffffff80;margin-bottom:1.25rem;font-size:1.05rem;font-style:italic}.edu-detail__period{border-radius:var(--radius-md);background:var(--color-bg-white-5);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.edu-detail__skills{border-top:1px solid var(--color-border);padding:4rem 0}.edu-detail__section-header{margin-bottom:3rem}.edu-detail__skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=640px){.edu-detail__skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.edu-detail__skills-grid{grid-template-columns:repeat(6,1fr)}}.edu-detail__skill-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);transition:background var(--transition-base), transform var(--transition-base);text-align:center;background:#17171766;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.edu-detail__skill-card:hover{background:var(--color-bg-card-hover);transform:translateY(-3px)}.edu-detail__skill-check{color:var(--color-accent-emerald);opacity:.7;transition:opacity var(--transition-base)}.edu-detail__skill-card:hover .edu-detail__skill-check{opacity:1}.edu-detail__skill-name{color:var(--color-text-secondary);letter-spacing:-.01em;font-size:.8rem;font-weight:500}.edu-detail__projects{border-top:1px solid var(--color-border);padding:4rem 0}.edu-detail__projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.edu-detail__projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.edu-detail__projects-grid{grid-template-columns:repeat(3,1fr)}}.edu-project-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);transition:background var(--transition-base), transform var(--transition-base);background:#17171766;flex-direction:column;padding:2rem;display:flex}.edu-project-card:hover{background:var(--color-bg-card-hover);transform:translateY(-4px)}.edu-project-card__top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.edu-project-card__number{letter-spacing:-.04em;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1}.edu-project-card__top-right{align-items:center;gap:.75rem;display:flex}.edu-project-card__github{color:var(--color-text-dim);transition:color var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.edu-project-card__github:hover{color:var(--color-text-primary)}.edu-project-card__icon{color:var(--color-text-dim)}.edu-project-card__title{letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.edu-project-card__description{color:#a3a3a3;flex-grow:1;margin-bottom:1.5rem;font-size:.825rem;line-height:1.7}.edu-project-card__tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.edu-detail__cta{padding:4rem 0}.edu-detail__cta-inner{border-radius:var(--radius-2xl);text-align:center;background:#17171766;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex}@media (width>=640px){.edu-detail__cta-inner{text-align:left;flex-direction:row}}.edu-detail__cta-text{color:var(--color-text-secondary);font-size:1rem}.edu-detail__cta-btn{border-radius:var(--radius-xl);background:var(--color-text-primary);color:var(--color-bg-primary);transition:background var(--transition-base);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.edu-detail__cta-btn:hover{background:#ffffffe6}.particle-background{z-index:-10;pointer-events:none;opacity:0;width:100%;height:100vh;animation:2s ease-out .5s forwards particleFadeIn;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 70%,#0000 100%)}@keyframes particleFadeIn{to{opacity:1}}.particle-background canvas{pointer-events:auto}@media (width<=767px){.particle-background{display:none}}:root{--color-bg-primary:#0a0a0a;--color-bg-card:#17171766;--color-bg-card-hover:#17171780;--color-bg-overlay:#00000080;--color-bg-white-5:#ffffff0d;--color-bg-white-10:#ffffff1a;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#ffffff80;--color-text-dim:#fff6;--color-text-subtle:#ffffff1a;--color-border:#ffffff1a;--color-border-subtle:#ffffff0d;--color-accent-emerald:#34d399;--color-accent-indigo:#6366f133;--color-accent-teal:#14b8a61a;--font-primary:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:"Bricolage Grotesque", sans-serif;--space-section:6rem;--space-container:clamp(1.5rem, 4vw, 2.5rem);--max-width:80rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.7s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#fff3}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}.font-bricolage{font-family:var(--font-display)!important}.container{width:100%;max-width:var(--max-width);padding-left:var(--space-container);padding-right:var(--space-container);margin-left:auto;margin-right:auto}.border-gradient{position:relative}.border-gradient:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(225deg,#fff0 0%,#fff3 50%,#fff0 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-slide-in{animation:.8s ease-out both fadeSlideIn}.animate-fade-slide-in-delay-1{animation:.8s ease-out .1s both fadeSlideIn}.animate-fade-slide-in-delay-3{animation:.8s ease-out .3s both fadeSlideIn}.animate-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.global-bg-mask{z-index:-20;opacity:.4;background-image:url(https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/f45fa9b2-e4e5-4c34-bc3f-83b4bb845b26_3840w.webp);background-position:50%;background-size:cover;width:100%;height:100vh;position:fixed;top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}