:root{--fyp-brand:#317e5e;--fyp-bg:#050706}
.fyp-logo{display:block;width:100%;height:auto}
.fyp-logo-breathe{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate}
.fyp-logo-breathe::before{content:"";position:absolute;inset:12%;border-radius:50%;background:rgba(49,126,94,.22);filter:blur(22px);opacity:0;transform:scale(.82);z-index:-1;transition:opacity .28s ease}
.fyp-logo-breathe:hover::before,.fyp-logo-breathe:focus-visible::before{opacity:1;animation:fyp-breathe-glow 2.25s ease-in-out infinite}
.fyp-logo-breathe:hover .fyp-logo,.fyp-logo-breathe:focus-visible .fyp-logo{animation:fyp-breathe-logo 2.25s ease-in-out infinite}
@keyframes fyp-breathe-logo{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes fyp-breathe-glow{0%,100%{transform:scale(.88);opacity:.18}50%{transform:scale(1.14);opacity:.48}}
@media (prefers-reduced-motion:reduce){.fyp-logo-breathe:hover::before,.fyp-logo-breathe:focus-visible::before,.fyp-logo-breathe:hover .fyp-logo,.fyp-logo-breathe:focus-visible .fyp-logo{animation:none}}
.fyp-portal-brand{min-height:100dvh;background:radial-gradient(circle at 50% 45%,#0e1b14 0,#070b08 37%,#020302 76%);display:grid;place-items:center;overflow:hidden}
.fyp-portal-logo{width:clamp(170px,32vw,340px);padding:24px;border-radius:40px;text-decoration:none;outline:none}
.fyp-portal-logo:focus-visible{box-shadow:0 0 0 3px rgba(49,126,94,.55)}