*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#0B0B09;color:#FFFFFF;font-family:'Familjen Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(760px 520px at 12% -6%,rgba(245,195,40,.15),transparent 62%),
  radial-gradient(680px 480px at 88% 2%,rgba(90,140,255,.12),transparent 66%),
  radial-gradient(900px 620px at 50% 108%,rgba(79,209,139,.07),transparent 70%)}
body::after{content:'';position:fixed;left:50%;top:52%;width:min(920px,78vw);height:min(920px,78vw);transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.15;
  background:url('assets/logo-2h-vetor.png') center/contain no-repeat}
input,select,textarea,button{font-family:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.58)}
input:focus,select:focus,textarea:focus{outline:1.5px solid rgba(245,195,40,.7);outline-offset:1px}
select option{background:#15150F;color:#FFFFFF}
a{color:#F5C328}
a:hover{color:#ffd85e}
button{border:none;background:none}

@keyframes drawer{from{transform:translateX(34px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes veil{from{opacity:0}to{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseDot{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes liveCore{0%,100%{transform:scale(1);box-shadow:0 0 6px currentColor}50%{transform:scale(1.18);box-shadow:0 0 13px currentColor}}
@keyframes liveRing{0%{transform:scale(1);opacity:.75}70%{transform:scale(2.9);opacity:0}100%{transform:scale(2.9);opacity:0}}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(242,241,236,.16);border-radius:8px;border:3px solid transparent;background-clip:content-box}
::selection{background:rgba(245,195,40,.3)}

#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}

.avatar-hint{opacity:0;transition:opacity .16s ease}
label:hover .avatar-hint{opacity:1}