/* Performance-aware motion, liquid and 3D enhancement layer. */
html:root{
  --fx-accent:#ff6486;
  --fx-accent-2:#ff8fa8;
  --fx-surface:rgba(24,24,29,.72);
  --fx-line:rgba(255,255,255,.12);
  --fx-ease:cubic-bezier(.22,1,.36,1);
  --gooey-width:340px;
  --gooey-height:46px;
  --gooey-duration:230ms;
  --gooey-state-success:#6fdda0;
  --gooey-state-loading:#a7adba;
  --gooey-state-error:#ff6b83;
  --gooey-state-warning:#f6c45d;
  --gooey-state-info:#ff9eb2;
  --gooey-state-action:#ff7898;
  --gooey-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.18)) drop-shadow(0 18px 38px rgba(0,0,0,.34));
}

html[data-fx-tier="off"] .fx-webgl-scene,
html[data-fx-tier="off"] .fx-liquid-surface{display:none!important}

.fx-scroll-progress{
  position:fixed;
  z-index:14000;
  top:0;
  left:0;
  width:100%;
  height:2px;
  pointer-events:none;
  transform:scaleX(0);
  transform-origin:left center;
  opacity:0;
  background:linear-gradient(90deg,var(--fx-accent),#ff7f9c 55%,var(--fx-accent-2));
  box-shadow:0 0 12px rgba(255,100,134,.32);
  transition:opacity .18s ease;
}
.fx-scroll-progress.is-visible{opacity:.9}

.header{isolation:isolate}
.fx-webgl-scene{
  position:absolute;
  z-index:0;
  top:14%;
  right:0;
  bottom:7%;
  width:min(47vw,700px);
  pointer-events:none;
  overflow:hidden;
  opacity:.62;
  contain:strict;
  mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 84%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 84%,transparent 100%);
}
.fx-webgl-scene canvas{display:block;width:100%!important;height:100%!important;opacity:.84}
.fx-webgl-scene.is-context-lost{display:none!important}
.header>.container,.header .hero-grid,.header .hero-foot{position:relative;z-index:2}

.fx-tilt{
  position:relative;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  transform-origin:center center;
}
.fx-tilt::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(260px circle at var(--fx-pointer-x,50%) var(--fx-pointer-y,50%),rgba(255,255,255,.105),transparent 62%);
  transition:opacity .18s ease;
}
.fx-tilt.fx-tilt-active{z-index:2}
.fx-tilt.fx-tilt-active::after{opacity:1}
.fx-motion-target{will-change:transform,opacity}

.fx-liquid-active{position:relative!important;isolation:isolate!important}
.fx-liquid-active>a,
.fx-liquid-active>li,
.fx-liquid-active>li>a{position:relative!important;z-index:2!important}
.fx-liquid-active .social-link,
.fx-liquid-active .social-icon{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.fx-liquid-active svg[data-liquid-surface],
.fx-liquid-active .liquid-gooey-surface{z-index:1!important}

.fx-pressed{filter:brightness(.97)}
button.fx-pressed,.button.fx-pressed,.link-btn.fx-pressed,.social-icon.fx-pressed{scale:.985}

[data-gooey-viewport]{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  z-index:15000!important;
}
[data-gooey-toast]{color:#f7f7f9!important;-webkit-font-smoothing:antialiased}
[data-gooey-pill],[data-gooey-body]{
  fill:#171920!important;
  stroke:rgba(255,255,255,.09)!important;
  stroke-width:.7px!important;
}
[data-gooey-description]{
  color:rgba(255,255,255,.72)!important;
  font-size:.82rem!important;
  line-height:1.35rem!important;
}
[data-gooey-title]{font-weight:750!important;letter-spacing:-.01em!important}
[data-gooey-button]{border:1px solid color-mix(in srgb,currentColor 28%,transparent)!important}

.admin-premium .topbar,
.admin-premium .section-intro,
.admin-premium .content-form,
.admin-premium .item-form,
.admin-premium .resume-item-form,
.admin-premium .settings-card{transform:translateZ(0)}
.admin-premium button,.admin-premium .button,.link-btn,.social-icon,.hero-actions .btn{
  -webkit-tap-highlight-color:transparent;
}

@supports(content-visibility:auto){
  .admin-premium .content-form,
  .admin-premium .resume-item-form,
  .admin-premium .home-link-form,
  .admin-premium .stat-form{
    content-visibility:auto;
    contain-intrinsic-size:auto 420px;
  }
  html[data-page-surface="home"] main>.section{
    content-visibility:auto;
    contain-intrinsic-size:auto 720px;
  }
}

@media(max-width:980px){
  .fx-webgl-scene{display:none!important}
  .fx-scroll-progress{height:1.5px}
}
@media(pointer:coarse){
  .fx-tilt::after{display:none!important}
  .fx-pressed{filter:none}
}
@media(prefers-reduced-motion:reduce){
  .fx-webgl-scene,.fx-scroll-progress{display:none!important}
  .fx-tilt{transform:none!important}
  .fx-tilt::after{display:none!important}
  .fx-motion-target{will-change:auto!important}
  .fx-pressed{scale:1!important;filter:none!important}
  [data-gooey-toast],[data-gooey-header],[data-gooey-content]{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}