@property --gb-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.hp-reveal{opacity:0;transform:translateY(26px);will-change:opacity,transform}.hp-reveal.is-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i, 0) * 80ms)}.hp-spotlight{position:relative}.hp-spotlight:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--hp-primary) 22%,transparent),transparent 60%)}.hp-spotlight:hover:after{opacity:1}.hp-tilt{transform:perspective(900px) rotateX(var(--ry, 0deg)) rotateY(var(--rx, 0deg));transition:transform .25s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.hp-gborder{position:relative;border-radius:.85rem}.hp-gborder:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--gb-angle),transparent 0%,var(--hp-primary) 20%,color-mix(in srgb,var(--hp-primary) 20%,#fff) 30%,transparent 55%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hp-gb-rotate 6s linear infinite;pointer-events:none}@keyframes hp-gb-rotate{to{--gb-angle: 360deg}}.hp-magnetic{transform:translate(var(--tx, 0px),var(--ty, 0px));transition:transform .2s cubic-bezier(.2,.8,.2,1)}.hp-sheen{position:relative;overflow:hidden}.hp-sheen:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg);animation:hp-sheen 3.6s ease-in-out infinite;pointer-events:none}@keyframes hp-sheen{0%{left:-120%}55%,to{left:130%}}.hp-grain:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.hp-vignette:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,transparent 55%,rgba(0,0,0,.55) 100%)}.hp-word{display:inline-block;opacity:0;transform:translateY(.5em);animation:hp-word-in .7s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(var(--wi, 0) * 90ms + .25s)}@keyframes hp-word-in{to{opacity:1;transform:none}}.hp-text-shimmer{background-size:200% auto;animation:hp-text-shimmer 5s linear infinite}@keyframes hp-text-shimmer{to{background-position:200% center}}.hp-progress{transform-origin:left;transform:scaleX(var(--sp, 0));transition:transform .1s linear}.hp-awaken{animation:hp-awaken 1.1s cubic-bezier(.2,.9,.2,1) both}@keyframes hp-awaken{0%{opacity:0;transform:scale(.6) rotate(-90deg);filter:blur(8px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}.hp-float{animation:hp-float 7s ease-in-out infinite}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hp-drift{animation:hp-drift 14s ease-in-out infinite alternate}@keyframes hp-drift{0%{transform:translate(-4%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.12)}}.hp-flow-node{position:relative}.hp-flow-node:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--hp-primary);opacity:0;pointer-events:none;animation:hp-flow 3s ease-in-out infinite;animation-delay:calc(var(--fi, 0) * .5s)}.hp-flow-dot{animation:hp-flow-dot 3s ease-in-out infinite;animation-delay:calc(var(--fi, 0) * .5s)}@keyframes hp-flow{0%,to{opacity:0}14%{opacity:.85}38%{opacity:0}}@keyframes hp-flow-dot{0%,to{box-shadow:0 0 0 0 transparent;transform:scale(1)}14%{box-shadow:0 0 12px 2px var(--hp-primary);transform:scale(1.4)}38%{box-shadow:0 0 0 0 transparent;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hp-reveal{opacity:1!important;transform:none!important;transition:none!important}.hp-word{opacity:1!important;transform:none!important;animation:none!important}.hp-gborder:before,.hp-sheen:before,.hp-text-shimmer,.hp-awaken,.hp-float,.hp-flow-node:before,.hp-flow-dot,.hp-drift{animation:none!important}.hp-tilt,.hp-magnetic{transform:none!important}}
