html.is-loading{overflow:hidden;background:#03080f}
#loader{
  position:fixed;inset:0;z-index:200;background:#03080f;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .9s,visibility .9s;
}
#loader.done{opacity:0;visibility:hidden;pointer-events:none}
#loader .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none}
#loader .blob.a{width:460px;height:460px;background:radial-gradient(circle,rgba(0,229,255,.30),transparent 65%);top:-100px;left:-80px;animation:loader-drift1 9s ease-in-out infinite alternate}
#loader .blob.b{width:420px;height:420px;background:radial-gradient(circle,rgba(14,120,220,.28),transparent 65%);bottom:-120px;right:-60px;animation:loader-drift2 11s ease-in-out infinite alternate}
@keyframes loader-drift1{to{transform:translate(50px,30px) scale(1.1)}}
@keyframes loader-drift2{to{transform:translate(-40px,-40px) scale(.92)}}
#nn{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
#loader .center{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
#loader .logo{width:min(260px,68vw);height:80px;background:url(/assets/lmanhaes-marca.png) center/contain no-repeat;filter:drop-shadow(0 0 28px rgba(0,229,255,.35));animation:loader-floaty 4s ease-in-out infinite}
@keyframes loader-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
#loader .bar{margin-top:28px;width:170px;height:2px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden}
#loader .bar i{display:block;height:100%;width:0;background:#00e5ff;box-shadow:0 0 10px #00e5ff}
#loader .pct{margin-top:10px;font:600 12px Inter,sans-serif;letter-spacing:.22em;color:#7fd8f0}
#loader .code-float{position:absolute;z-index:4;font:400 14px/2 'JetBrains Mono',monospace;color:#a6bbc9;white-space:pre;pointer-events:none;text-shadow:0 0 14px rgba(0,0,0,.7);opacity:.22;transition:opacity 1s}
#loader .code-float.small{font-size:11.5px;line-height:1.9;opacity:.18}
#loader .code-float.solid{opacity:.95}
#loader .code-float.small.solid{opacity:.85}
#loader .code-float.typing{opacity:.55}
#loader .code-float .cursor{display:inline-block;width:8px;height:14px;background:#00e5ff;vertical-align:-2px;animation:loader-blink 1s infinite}
@keyframes loader-blink{50%{opacity:0}}
#loader .cf-left{left:50%;top:50%;transform:translate(calc(-100% - 190px),-50%) rotate(-2deg);text-align:right}
#loader .cf-right{left:50%;top:50%;transform:translate(190px,-50%) rotate(2deg);text-align:left}
#loader .cf-tl{top:9%;left:5%;transform:rotate(-2deg)}
#loader .cf-br{bottom:13%;right:5%;transform:rotate(-2deg);text-align:right}
#loader .slogan{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);z-index:5;margin:0;width:min(560px,88vw);text-align:center}
#loader .slogan p{margin:0 0 8px;color:#c5d8e4;font:italic 400 14px/1.55 Georgia,"Times New Roman",serif}
#loader .slogan cite{display:block;color:#7eb8d4;font:normal 600 10px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:1050px){
  #loader .cf-left{transform:translate(calc(-100% - 140px),-50%) rotate(-2deg)}
  #loader .cf-right{transform:translate(140px,-50%) rotate(2deg)}
  #loader .code-float{font-size:12.5px}
}
@media(max-width:820px){
  #loader .code-float.small,#loader .cf-left,#loader .cf-right{display:none}
  #loader .logo{width:210px}
}
@media(prefers-reduced-motion:reduce){
  #loader .blob,#loader .logo,#loader .code-float .cursor{animation:none}
}