@property --h{syntax:"<number>";inherits:true;initial-value:214}@property --s{syntax:"<percentage>";inherits:true;initial-value:90%}@property --l{syntax:"<percentage>";inherits:true;initial-value:78%}.arthur-matiz{--h:214;animation:40s ease-in-out infinite arthur-matiz-ciclo}@keyframes arthur-matiz-ciclo{0%{--h:214}30%{--h:214}40%{--h:8}55%{--h:8}65%{--h:38}78%{--h:38}88%{--h:100}97%{--h:100}to{--h:214}}.arthur-halo{background:hsl(var(--h) var(--s) var(--l));position:relative;overflow:hidden}.arthur-halo:before{content:"";left:var(--halo-x,50%);top:var(--halo-y,56%);width:var(--halo-w,min(120vw, 1500px));aspect-ratio:1;background:radial-gradient(circle, hsl(var(--h) calc(var(--s) + 5%) calc(var(--l) + 4%)) 0%, hsl(var(--h) calc(var(--s) + 5%) calc(var(--l) + 11%)) 22%, #fff 38%, hsl(var(--h) calc(var(--s) + 2%) calc(var(--l) + 4%)) 50%, hsl(var(--h) var(--s) var(--l)) 62%);border-radius:50%;animation:9s ease-in-out infinite arthur-halo-pulso;position:absolute;transform:translate(-50%,-50%)}@keyframes arthur-halo-pulso{0%{transform:translate(-50%,-50%)scale(.9)}50%{transform:translate(-50%,-50%)scale(1.08)}to{transform:translate(-50%,-50%)scale(.9)}}@property --anel{syntax:"<percentage>";inherits:true;initial-value:30%}@property --nucleo{syntax:"<percentage>";inherits:true;initial-value:10%}@property --difusao{syntax:"<percentage>";inherits:true;initial-value:70%}.arthur-halo-v2:before{background:radial-gradient(circle, hsl(var(--h) calc(var(--s) + 5%) calc(var(--l) + 4%)) 0%, hsl(var(--h) calc(var(--s) + 5%) calc(var(--l) + 11%)) var(--nucleo), #fff var(--anel), hsl(var(--h) calc(var(--s) + 2%) calc(var(--l) + 4%)) calc(var(--anel) + (var(--difusao) - var(--anel)) * .4), hsl(var(--h) var(--s) var(--l)) var(--difusao));animation:9s ease-in-out infinite arthur-arco-v2;transform:translate(-50%,-50%)}@keyframes arthur-arco-v2{0%,to{--anel:21%;--nucleo:14%;--difusao:92%}50%{--anel:38%;--nucleo:6%;--difusao:50%}}@media (prefers-reduced-motion:reduce){.arthur-halo-v2:before{--anel:30%;--nucleo:10%;--difusao:70%;animation:none}}.arthur-grao{pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}[data-campo]{transition:--h .9s cubic-bezier(.4,0,.2,1),--s .9s cubic-bezier(.4,0,.2,1),--l .9s cubic-bezier(.4,0,.2,1)}[data-campo=inicio]{--h:240;--s:100%;--l:72%}[data-campo=senha]{--h:288;--s:100%;--l:72%}[data-campo=trabalhando]{--h:404;--s:100%;--l:50%}[data-campo=erro]{--h:366;--s:89%;--l:66%}[data-campo=feito]{--h:444;--s:96%;--l:68%}@media (prefers-reduced-motion:reduce){[data-campo]{transition:none}.arthur-matiz,.arthur-halo:before{animation:none}}