.preloader{z-index:9999;background:#050508;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader__content{flex-direction:column;align-items:center;gap:24px;display:flex}.preloader__name{font-family:var(--font-mono);letter-spacing:.3em;color:#e2e8f0;text-shadow:0 0 40px #64ffda4d;text-align:center;min-width:5ch;font-size:clamp(2.5rem,8vw,5rem);font-weight:700}.preloader__bar-track{background:#64ffda1a;border-radius:1px;width:200px;height:2px;overflow:hidden}.preloader__bar-fill{background:linear-gradient(90deg,#64ffda,#7c3aed);border-radius:1px;height:100%;transition:width 50ms linear;box-shadow:0 0 12px #64ffda66}.preloader__counter{font-family:var(--font-mono);color:#64ffda66;letter-spacing:.15em;font-size:.75rem}.preloader__corner{font-family:var(--font-mono);color:#e2e8f01f;letter-spacing:.1em;font-size:.6rem;position:absolute}.preloader__corner--tl{top:28px;left:28px}.preloader__corner--br{bottom:28px;right:28px}
.theme-toggle{z-index:10;-webkit-user-select:none;user-select:none;padding:4px;position:relative}.theme-toggle__track{background:#64ffda1a;border:1px solid #64ffda26;border-radius:13px;align-items:center;width:48px;height:26px;padding:2px;transition:all .3s;display:flex}.theme-toggle__track--light{background:#5b21b614;border-color:#5b21b626}.theme-toggle__thumb{background:var(--gradient-hot);color:#0a0a0f;width:22px;height:22px;transition:transform .3s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #64ffda4d}.theme-toggle__track--light .theme-toggle__thumb{transform:translate(22px);box-shadow:0 0 10px #7c3aed4d}
.nav{z-index:100;transition:all .4s var(--ease-out-expo);padding:18px 0;position:fixed;top:0;left:0;right:0}.nav--scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);padding:12px 0;box-shadow:0 4px 30px #00000026}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__logo{font-family:var(--font-mono);z-index:101;align-items:center;gap:0;font-size:1.15rem;font-weight:700;transition:opacity .3s;display:flex}.nav__logo:hover{opacity:.8}.nav__logo-bracket{color:var(--cyan);font-weight:400}[data-theme=light] .nav__logo-bracket{color:var(--cyan-dark)}.nav__logo-name{color:var(--color-text);margin:0 2px}.nav__links{align-items:center;gap:8px;display:flex}.nav__link{font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:var(--r-sm);letter-spacing:.01em;padding:8px 16px;font-size:.82rem;transition:color .3s,background .3s}.nav__link:hover{color:var(--cyan);background:#64ffda0d}[data-theme=light] .nav__link:hover{color:var(--cyan-dark)}.nav__link-num{color:var(--cyan);margin-right:4px;font-size:.72rem}[data-theme=light] .nav__link-num{color:var(--cyan-dark)}.nav__cta{padding:10px 24px;font-size:.82rem}.nav__right{z-index:101;align-items:center;gap:12px;display:flex}.nav__burger{flex-direction:column;gap:5px;width:28px;padding:4px 0;display:none}.nav__burger span{background:var(--color-text);height:2px;transition:all .3s var(--ease-out-expo);transform-origin:50%;border-radius:2px;display:block}.nav__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:768px){.nav__burger{display:flex}.nav__links{background:var(--color-bg);opacity:0;pointer-events:none;z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .3s;position:fixed;inset:0}.nav__links--open{opacity:1;pointer-events:auto}.nav__link{padding:12px 24px;font-size:1.1rem}.nav__link-num{font-size:.85rem}}
.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero__mesh{z-index:0;background:radial-gradient(600px circle at calc(var(--mx,.5) * 100%) calc(var(--my,.5) * 100%), var(--hero-mesh-1) 0%, transparent 60%), radial-gradient(800px circle at 20% 80%, var(--hero-mesh-2) 0%, transparent 50%), radial-gradient(600px circle at 80% 20%, var(--hero-mesh-3) 0%, transparent 50%);transition:background .3s;position:absolute;inset:0}.hero__shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero__shape{opacity:.6;border-radius:50%;position:absolute}.hero__shape--1{background:radial-gradient(circle, var(--hero-shape-1) 0%, transparent 70%);width:400px;height:400px;animation:12s ease-in-out infinite shape-float;top:-10%;right:-5%}.hero__shape--2{background:radial-gradient(circle, var(--hero-shape-2) 0%, transparent 70%);width:300px;height:300px;animation:15s ease-in-out infinite reverse shape-float;bottom:-5%;left:-5%}.hero__shape--3{border:1px solid var(--color-border);background:0 0;border-radius:50%;width:120px;height:120px;animation:20s linear infinite shape-orbit;top:25%;right:15%}.hero__shape--4{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 15px var(--cyan);animation:8s ease-in-out infinite shape-float;top:35%;left:20%}.hero__shape--5{background:linear-gradient(90deg, transparent, var(--color-border), transparent);border-radius:0;width:60px;height:1px;animation:10s ease-in-out infinite reverse shape-float;top:60%;right:25%}@keyframes shape-float{0%,to{transform:translate(0)}25%{transform:translate(15px,-20px)}50%{transform:translate(-10px,15px)}75%{transform:translate(20px,10px)}}@keyframes shape-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__meta{font-family:var(--font-mono);color:var(--hero-meta);letter-spacing:.1em;z-index:1;font-size:.6rem;position:absolute}.hero__meta--tl{top:100px;left:28px}.hero__meta--tr{top:100px;right:28px}.hero__meta--bl{bottom:28px;left:28px}.hero__meta--br{color:var(--hero-meta-accent);bottom:28px;right:28px}.hero__container{z-index:1;flex:1;justify-content:center;align-items:center;display:flex}.hero__content{text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.hero__tag{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-full);font-family:var(--font-mono);color:var(--cyan);letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;margin-bottom:28px;padding:8px 20px;font-size:.75rem;font-weight:500;display:inline-flex}[data-theme=light] .hero__tag{color:var(--cyan-dark)}.hero__tag-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse-neon}[data-theme=light] .hero__tag-dot{background:var(--cyan-dark);box-shadow:0 0 10px var(--cyan-dark)}.hero__greeting{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.04em;margin-bottom:8px;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500}[data-theme=light] .hero__greeting{color:var(--cyan-dark)}.hero__title{flex-direction:column;gap:4px;margin-bottom:24px;line-height:1;display:flex}.hero__title-line{display:block}.hero__title-scramble{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text);font-size:clamp(2.4rem,7vw,5.5rem);font-weight:700}.hero__title-sub{color:var(--color-text-secondary);font-weight:600}.hero__desc{max-width:600px;margin:0 auto 36px;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.8}.hero__typewriter{white-space:nowrap;display:inline}.hero__cursor{color:var(--cyan);margin-left:1px;font-weight:200;transition:opacity .1s;display:inline-block}.hero__actions{flex-wrap:wrap;gap:16px;margin-bottom:0;display:flex}.hero__photo-wrapper{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;display:flex}.hero__photo-frame{border-radius:var(--r-xl);width:280px;height:320px;position:relative;overflow:hidden}.hero__photo-glow{background:var(--gradient-hot);border-radius:calc(var(--r-xl) + 3px);z-index:0;opacity:.6;filter:blur(12px);animation:4s ease-in-out infinite photo-glow-pulse;position:absolute;inset:-3px}@keyframes photo-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.hero__photo-border{border-radius:var(--r-xl);background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, var(--gradient-hot) border-box;pointer-events:none;z-index:3;border:2px solid #0000;position:absolute;inset:0}.hero__photo-img{object-fit:cover;z-index:1;border-radius:var(--r-xl);width:100%;height:100%;position:relative}.hero__photo-placeholder{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hero__photo-initial{font-family:var(--font-display);background:var(--gradient-hot);-webkit-text-fill-color:transparent;opacity:.15;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:900}.hero__photo-overlay{opacity:0;transition:opacity .4s var(--ease-out-expo);z-index:2;color:var(--color-text);font-family:var(--font-mono);letter-spacing:.06em;background:#0000004d;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.72rem;display:flex;position:absolute;inset:0}.hero__photo-placeholder:hover .hero__photo-overlay{opacity:1}.hero__photo-tag{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-full);font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;align-items:center;gap:8px;padding:6px 16px;font-size:.68rem;font-weight:500;display:inline-flex}[data-theme=light] .hero__photo-tag{color:var(--cyan-dark)}.hero__photo-tag-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-neon}[data-theme=light] .hero__photo-tag-dot{background:var(--cyan-dark);box-shadow:0 0 8px var(--cyan-dark)}.hero__tech-stack{border-top:1px solid var(--color-border);z-index:1;width:100%;padding:14px 0}.hero__tech-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.12em;white-space:nowrap;font-size:.65rem}.hero__tech-divider{background:var(--color-border);flex-shrink:0;width:1px;height:20px}.hero__tech-items{flex-wrap:wrap;gap:12px;display:flex}.hero__tech-item{font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-full);padding:4px 12px;font-size:.75rem;transition:all .3s}.hero__tech-item:hover{color:var(--cyan);background:var(--accent-bg);border-color:#64ffda33}[data-theme=light] .hero__tech-item:hover{color:var(--cyan-dark)}.hero__scroll-cue{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero__scroll-cue span{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.2em;font-size:.6rem}.hero__scroll-line{background:linear-gradient(to bottom, var(--cyan), transparent);opacity:.4;width:1px;height:40px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--cyan);opacity:.8;width:100%;height:10px;animation:1.8s ease-in-out infinite scroll-pulse;position:absolute;top:-10px}@keyframes scroll-pulse{0%{transform:translateY(0)}to{transform:translateY(50px)}}@media (max-width:1024px){.hero__photo-frame{width:240px;height:280px}}@media (max-width:768px){.hero{padding:100px 0 60px}.hero__meta{display:none}.hero__container{flex-direction:column;gap:32px}.hero__content{text-align:center;align-items:center}.hero__tag{margin-bottom:20px;padding:6px 14px;font-size:.7rem}.hero__greeting{margin-bottom:4px}.hero__desc{margin-bottom:28px}.hero__actions{justify-content:center;gap:12px;margin-bottom:0}.hero__photo-frame{width:200px;height:240px}.hero__photo-initial{font-size:4rem}.hero__shape--1,.hero__shape--2{width:200px;height:200px}.hero__shape--3,.hero__shape--4,.hero__shape--5{display:none}.hero__tech-stack{margin-top:auto}}@media (max-width:480px){.hero{padding:90px 0 40px}.hero__actions{flex-direction:column;align-items:center;width:100%}.hero__actions .btn-glow,.hero__actions .btn-outline{justify-content:center;width:100%;max-width:280px}.hero__scroll-cue{display:none}.hero__photo-frame{width:180px;height:220px}}
.about__grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:48px;display:grid}.about__left{flex-direction:column;gap:32px;display:flex}.about__avatar-wrap{align-items:center;gap:16px;margin-bottom:8px;display:flex}.about__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;padding:0;display:flex;overflow:hidden}.about__avatar-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.about__avatar-placeholder{background:var(--gradient-subtle);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.about__avatar-placeholder span{font-family:var(--font-display);background:var(--gradient-hot);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.about__avatar-badge{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-full);font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;align-items:center;gap:6px;padding:5px 12px;font-size:.62rem;font-weight:500;display:inline-flex}[data-theme=light] .about__avatar-badge{color:var(--cyan-dark)}.about__photo-badge-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 6px var(--cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-neon}[data-theme=light] .about__photo-badge-dot{background:var(--cyan-dark);box-shadow:0 0 6px var(--cyan-dark)}.about__text p{margin-bottom:20px}.about__text p:last-of-type{margin-bottom:32px}.about__highlights{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;padding:18px 55px;display:flex}.about__highlight{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:5px 27px;display:flex}.about__highlight-num{font-family:var(--font-display);align-items:flex-end;min-height:2.2rem;font-size:1.8rem;font-weight:800;line-height:1;display:flex}.about__highlight-lbl{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;text-align:center;font-size:.68rem}.about__highlight-divider{background:var(--color-border);flex-shrink:0;align-self:stretch;width:1px;margin:4px 0}.about__card{position:sticky;top:120px;overflow:hidden}.about__card-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:12px;padding:12px 18px;display:flex}.about__card-dots{gap:6px;display:flex}.about__card-dots span{border-radius:50%;width:10px;height:10px}.about__card-dots span:first-child{background:#ff5f57}.about__card-dots span:nth-child(2){background:#febc2e}.about__card-dots span:nth-child(3){background:#28c840}.about__card-title-text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.04em;font-size:.72rem}.about__code{font-family:var(--font-mono);color:var(--color-text-secondary);margin:0;padding:20px;font-size:.78rem;line-height:1.7;overflow-x:auto}.about__code code{white-space:pre;font-family:inherit}@media (max-width:768px){.about__grid{grid-template-columns:1fr;gap:32px}.about__card{position:static}.about__highlights{padding:16px 12px}.about__highlight{padding:4px 12px}.about__highlight-num{font-size:1.4rem}}@media (max-width:480px){.about__highlights{flex-direction:column;gap:12px}.about__highlight-divider{width:40px;height:1px}}
.projects__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{transition:transform .4s var(--ease-out-expo), box-shadow .4s;border-top:2px solid #0000;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-card__pin{z-index:4;background:var(--accent-bg);border:1px solid var(--accent-border);width:28px;height:28px;color:var(--cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.project-card:hover .project-card__pin{background:var(--accent-bg-hover);border-color:var(--accent-border-hover);box-shadow:0 0 12px #64ffda26}[data-theme=light] .project-card__pin{color:var(--cyan-dark)}.project-card__image-wrapper{aspect-ratio:16/9;border-bottom:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-expo)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__image-placeholder{background:var(--gradient-subtle);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.project-card__image-placeholder-pattern{background:radial-gradient(circle at 30% 40%, var(--hero-mesh-1) 0%, transparent 50%), radial-gradient(circle at 70% 60%, var(--hero-mesh-2) 0%, transparent 50%);opacity:.5;position:absolute;inset:0}.project-card__image-placeholder-icon{z-index:1;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.04em;flex-direction:column;align-items:center;gap:8px;font-size:.68rem;display:flex;position:relative}.project-card__image-overlay{background:linear-gradient(to top, var(--color-bg) 0%, transparent 50%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.project-card:hover .project-card__image-overlay{opacity:.3}.project-card__glow{background:linear-gradient(90deg, transparent 0%, var(--project-color) 50%, transparent 100%);opacity:0;z-index:10;pointer-events:none;width:100%;height:3px;transition:opacity .5s;position:absolute;top:0;left:0}.project-card:hover .project-card__glow{opacity:1}.project-card--pinned .project-card__glow{opacity:.7}.project-card--pinned:hover .project-card__glow{opacity:1;filter:blur(1px)}.project-card__content{flex-direction:column;flex:1;padding:24px 28px 28px;display:flex}.project-card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.project-card__icon{width:44px;height:44px;color:var(--project-color);border-radius:var(--r-md);background:#64ffda0f;border:1px solid #64ffda1a;justify-content:center;align-items:center;display:flex}.project-card__links{gap:12px;display:flex}.project-card__ext-link{color:var(--color-text-muted);padding:4px;transition:color .3s,transform .3s}.project-card__ext-link:hover{color:var(--cyan);transform:translateY(-2px)}[data-theme=light] .project-card__ext-link:hover{color:var(--cyan-dark)}.project-card__title{margin-bottom:12px;font-size:1.35rem;font-weight:700;transition:color .3s}.project-card:hover .project-card__title{color:var(--cyan)}[data-theme=light] .project-card:hover .project-card__title{color:var(--cyan-dark)}.project-card__desc{flex:1;margin-bottom:24px;font-size:.88rem;line-height:1.7}.project-card__tech{flex-wrap:wrap;gap:8px;display:flex}.project-card__tech-tag{font-family:var(--font-mono);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--r-full);letter-spacing:.02em;padding:4px 12px;font-size:.7rem;transition:all .3s}.project-card:hover .project-card__tech-tag{color:var(--color-text-secondary);border-color:#64ffda26}.project-card__number{font-family:var(--font-display);color:var(--color-surface);pointer-events:none;font-size:4rem;font-weight:900;line-height:1;transition:color .4s;position:absolute;bottom:20px;right:24px}.project-card:hover .project-card__number{color:var(--color-surface-hover)}.project-card--pinned{border-top-color:var(--project-color);box-shadow:var(--shadow-card), 0 -1px 20px -4px var(--project-color)}.project-card--pinned:hover{box-shadow:var(--shadow-float), 0 -2px 30px -4px var(--project-color)}@media (max-width:768px){.projects__grid{grid-template-columns:1fr}.project-card__content{padding:20px}.project-card__number{font-size:3rem}}
.skills__bento{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skills__cat-card{border-radius:var(--r-lg);transition:transform .35s var(--ease-out-expo), box-shadow .35s;border-top:2px solid var(--cat-accent,var(--cyan));padding:0;position:relative;overflow:hidden}.skills__cat-card:hover{box-shadow:var(--shadow-float), 0 -2px 20px -4px var(--cat-accent,#64ffda4d);transform:translateY(-4px)}.skills__cat-header{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:22px 22px 18px;display:flex;position:relative}.skills__cat-icon-wrap{border-radius:var(--r-sm);background:color-mix(in srgb, var(--cat-accent,var(--cyan)) 12%, transparent);border:1px solid color-mix(in srgb, var(--cat-accent,var(--cyan)) 22%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.skills__cat-icon{font-size:1.2rem}.skills__cat-label{font-family:var(--font-mono);color:var(--cat-accent,var(--cyan));letter-spacing:.12em;font-size:.68rem;font-weight:700}.skills__cat-count{font-family:var(--font-mono);color:var(--color-text-muted);margin-top:2px;font-size:.62rem}.skills__cat-accent-dot{background:var(--cat-accent,var(--cyan));width:8px;height:8px;box-shadow:0 0 10px var(--cat-accent,#64ffda80);border-radius:50%;animation:2.4s ease-in-out infinite pulse-neon;position:absolute;right:18px}.skills__tile-grid{background:var(--color-border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.skill-tile{background:var(--color-bg);cursor:default;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;transition:background .2s;display:flex}.skill-tile:hover{background:color-mix(in srgb, var(--cat-accent,var(--cyan)) 5%, var(--color-bg))}.skill-tile__icon-wrap{justify-content:center;align-items:center;width:38px;height:38px;display:flex}.skill-tile__icon{object-fit:contain;width:32px;height:32px;transition:transform .3s var(--ease-spring);filter:grayscale(.1)}.skill-tile:hover .skill-tile__icon{filter:grayscale(0) drop-shadow(0 2px 8px var(--cat-accent,#64ffda59));transform:scale(1.15)}.skill-tile__letter{border-radius:var(--r-sm);background:var(--gradient-hot);color:#0a0a0f;width:32px;height:32px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.skill-tile__name{font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:.68rem;transition:color .2s;overflow:hidden}.skill-tile:hover .skill-tile__name{color:var(--cat-accent,var(--cyan))}.skill-tile__bar-track{background:var(--color-border);border-radius:2px;width:64px;height:2px;overflow:hidden}.skill-tile__bar-fill{height:100%;width:var(--level,0%);background:linear-gradient(90deg, var(--cat-accent,var(--cyan)), color-mix(in srgb, var(--cat-accent,var(--cyan)) 60%, #fff));border-radius:2px;transition:width 1.1s}.skills__learning-wrap{border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:32px;margin-top:20px;padding:22px 28px;display:flex}.skills__learning-header{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.skills__learning-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.skills__learning-sub{font-family:var(--font-mono);color:var(--color-text-muted);opacity:.6;letter-spacing:.06em;font-size:.6rem}.skills__learning-badges{flex-wrap:wrap;gap:10px;display:flex}.learning-badge{background:var(--gradient-subtle);border:1px solid var(--accent-border);border-radius:var(--r-full);cursor:default;align-items:center;gap:7px;padding:7px 14px;transition:all .25s;display:inline-flex}.learning-badge:hover{background:var(--accent-bg-hover);border-color:var(--accent-border-hover);transform:translateY(-2px);box-shadow:0 4px 16px #64ffda1a}.learning-badge__icon{object-fit:contain;width:18px;height:18px}.learning-badge__name{font-family:var(--font-mono);color:var(--color-text-secondary);white-space:nowrap;font-size:.72rem;font-weight:500}.learning-badge__spark{opacity:.5;font-size:.7rem}.learning-badge:hover .learning-badge__name{color:var(--cyan)}[data-theme=light] .learning-badge:hover .learning-badge__name{color:var(--cyan-dark)}[data-theme=dark] .skill-icon--dark{filter:invert()grayscale(.1)}[data-theme=dark] .skill-tile:hover .skill-icon--dark{filter:invert(1) grayscale(0) drop-shadow(0 2px 8px var(--cat-accent,#64ffda59))}@media (max-width:1024px){.skills__bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills__bento{grid-template-columns:1fr;gap:16px}.skills__tile-grid{grid-template-columns:repeat(3,1fr)}.skills__learning-wrap{gap:18px;padding:18px 20px}}@media (max-width:480px){.skills__tile-grid{grid-template-columns:repeat(2,1fr)}.skills__cat-header{padding:16px 16px 14px}.skill-tile{padding:14px 8px 12px}}
.contact__inner{max-width:1000px;margin:0 auto}.contact__grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;display:grid}.contact__form{flex-direction:column;gap:20px;display:flex}.contact__form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact__field{flex-direction:column;gap:6px;display:flex}.contact__label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:500}.contact__input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-md);color:var(--color-text);font-family:var(--font-body);outline:none;padding:14px 18px;font-size:.9rem;transition:all .3s}.contact__input::placeholder{color:var(--color-text-muted);font-size:.85rem}.contact__input:focus{background:var(--input-focus-bg);border-color:var(--input-focus-border);box-shadow:0 0 20px #64ffda0f}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{align-self:flex-start}.contact__info-card{padding:28px}.contact__info-header{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:24px;padding-bottom:16px;display:flex}.contact__info-icon{font-size:1.2rem}.contact__info-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.1em;font-size:.72rem;font-weight:600}.contact__socials{flex-direction:column;gap:8px;display:flex}.contact__social-link{border-radius:var(--r-md);font-family:var(--font-mono);color:var(--color-text-secondary);border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:.82rem;transition:all .3s;display:flex}.contact__social-link:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--cyan);transform:translate(4px)}[data-theme=light] .contact__social-link:hover{color:var(--cyan-dark)}.contact__social-icon{background:var(--color-surface);border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (max-width:768px){.contact__grid{grid-template-columns:1fr;gap:32px}.contact__form-row{grid-template-columns:1fr}}
.footer{z-index:1;border-top:1px solid var(--color-border);padding:40px 0 24px;position:relative}.footer__inner{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.footer__logo{font-family:var(--font-mono);color:var(--color-text);font-size:.95rem;font-weight:700}.footer__bracket{color:var(--cyan);font-weight:400}[data-theme=light] .footer__bracket{color:var(--cyan-dark)}.footer__credit{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;font-size:.78rem}.footer__year{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.footer__line{background:linear-gradient(90deg, transparent, var(--color-border), transparent);width:100%;height:1px;margin-bottom:16px}.footer__bottom{justify-content:center;display:flex}.footer__status{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.08em;align-items:center;gap:8px;font-size:.65rem;display:flex}.footer__status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-neon;box-shadow:0 0 8px #22c55e}@media (max-width:768px){.footer__inner{text-align:center;flex-direction:column;gap:12px}}