@view-transition{navigation:auto}.logo,.flogo{view-transition-name:peni-logo}nav{view-transition-name:peni-nav}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vt-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}::view-transition-old(root){animation:.25s cubic-bezier(.4,0,1,1) both vt-fade-out}::view-transition-new(root){animation:.35s cubic-bezier(0,0,.2,1) .1s both vt-fade-in}::view-transition-old(peni-logo){mix-blend-mode:normal;animation:none}::view-transition-new(peni-logo){animation:.3s both vt-fade-in}::view-transition-old(peni-nav){animation:none}::view-transition-new(peni-nav){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.fc{transition:border-color .2s,transform .2s,box-shadow .2s!important}.fc:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6d28d91f;border-color:#8b5cf659!important}.pcard{transition:transform .2s,box-shadow .2s}.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6d28d926}.pcard.pro:hover{box-shadow:0 16px 40px #6d28d959}.btn-p:active,.btn-g:active,.btn-w:active,.nav-btn:active{transform:translateY(1px)scale(.99)}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--p);border-radius:2px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.nav-links a:hover:after{width:100%}