@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
body {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  margin:0;
  padding:0;
  font-family:JetBrains Mono,
  Fira Code,
  SF Mono,
  Consolas,
  monospace;
  color:#c8c8c8;
  background-color:#0a0a0a;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

body.loaded {
  opacity: 1;
}

body.fade-out {
  opacity: 0;
}
body::-webkit-scrollbar {
  display:none
}
.ascii-bg.svelte-ar84s {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:-1;
  overflow:hidden;
  opacity:.04
}
@keyframes svelte-ar84s-ascii-scroll {
  0% {
    transform:translate(0)
  }
  to {
    transform:translate(-25%,-25%)
  }
}
.crt-container.svelte-ar84s {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:9999;
  overflow:hidden
}
.crt-overlay.svelte-ar84s {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,rgba(0,50,0,.03) 0%,transparent 50%,rgba(0,30,0,.05) 100%)
}
.crt-scanlines.svelte-ar84s {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0000004d 1px,#0000004d 2px);
  animation:svelte-ar84s-scanline-move 10s linear infinite
}
.crt-scanlines.svelte-ar84s:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,transparent 100%);
  animation:svelte-ar84s-scanline-refresh 4s linear infinite
}
@keyframes svelte-ar84s-scanline-move {
  0% {
    background-position:0 0
  }
  to {
    background-position:0 100px
  }
}
@keyframes svelte-ar84s-scanline-refresh {
  0% {
    top:-4px;
    opacity:0
  }
  5% {
    opacity:1
  }
  95% {
    opacity:1
  }
  to {
    top:calc(100% + 4px);
    opacity:0
  }
}
.crt-glow.svelte-ar84s {
  position:absolute;
  top:-20px;
  left:-20px;
  right:-20px;
  bottom:-20px;
  background:radial-gradient(ellipse at 50% 50%,rgba(100,200,100,.08) 0%,rgba(80,180,80,.04) 30%,rgba(60,150,60,.02) 50%,transparent 70%);
  filter:blur(30px);
  animation:svelte-ar84s-glow-pulse 3s ease-in-out infinite alternate;
  z-index:-1
}
.crt-glow.svelte-ar84s:before {
  content:"";
  position:absolute;
  top:10%;
  left:10%;
  right:10%;
  bottom:10%;
  background:radial-gradient(ellipse at 50% 30%,rgba(150,255,150,.06) 0%,transparent 60%);
  filter:blur(40px)
}
.crt-glow.svelte-ar84s:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  box-shadow:inset 0 0 150px #64ff6408,inset 0 0 100px #32c83205,0 0 80px #64ff640d,0 0 120px #50c85008;
  border-radius:20px
}
@keyframes svelte-ar84s-glow-pulse {
  0% {
    opacity:.7;
    transform:scale(1)
  }
  to {
    opacity:1;
    transform:scale(1.02)
  }
}
.crt-flicker.svelte-ar84s {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#ffffff05;
  animation:svelte-ar84s-flicker .1s infinite
}
@keyframes svelte-ar84s-flicker {
  0%,
  to {
    opacity:.02
  }
  10% {
    opacity:.04
  }
  20% {
    opacity:.01
  }
  30% {
    opacity:.03
  }
  40% {
    opacity:.02
  }
  50% {
    opacity:.05
  }
  60% {
    opacity:.01
  }
  70% {
    opacity:.03
  }
  80% {
    opacity:.02
  }
  90% {
    opacity:.04
  }
}
.terminal-header.svelte-ar84s {
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding-right: 20px;
  gap: 15px;
  background:linear-gradient(180deg,#141414f2,#0a0a0ae6);
  border-bottom:1px solid #333;
  align-items: center;
  display:flex;
  width: 100%;
  justify-content:flex-end;
  font-size:.75rem;
  color:#666;
  z-index:100;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px)
}
.header-time.svelte-ar84s {
  color:#888
}
.terminal-footer.svelte-ar84s {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:.3rem 1rem;
  background:linear-gradient(0deg,#141414f2,#0a0a0ae6);
  border-top:1px solid #333;
  font-size:.7rem;
  color:#444;
  text-align:center;
  z-index:100
}
main.svelte-ar84s {
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:2.5rem 2rem 1.5rem
}
.container.svelte-ar84s {
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:1000px;
  gap:.5rem
}
.ascii-header.svelte-ar84s {
  text-align:center;
  margin-bottom:1rem
}
.ascii-art.svelte-ar84s {
  font-size:.5rem;
  line-height:1.1;
  color:#555;
  margin:0;
  display:inline-block;
  text-align:left;
  animation:svelte-ar84s-glow 4s ease-in-out infinite alternate
}
@keyframes svelte-ar84s-glow {
  0% {
    color:#444;
    text-shadow:0 0 5px rgba(100,100,100,.3)
  }
  to {
    color:#666;
    text-shadow:0 0 10px rgba(150,150,150,.2)
  }
}
.section-header.svelte-ar84s {
  font-size:.7rem;
  color:#555;
  margin-bottom:.8rem;
  padding-bottom:.3rem;
  border-bottom:1px dashed #333
}
.center-content.svelte-ar84s {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center
}
.title-container.svelte-ar84s {
  display:flex;
  align-items:center;
  gap:2rem
}
.avatar-wrapper.svelte-ar84s {
  position:relative
}
.avatar.svelte-ar84s {
  max-width:120px;
  max-height:120px;
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  border-radius:4px;
  border:1px solid #333;
  filter:grayscale(30%);
  transition:all .3s ease
}
.avatar.svelte-ar84s:hover {
  filter:grayscale(0%);
  border-color:#666;
  box-shadow:0 0 20px #6464644d
}
.title-text.svelte-ar84s {
  display:flex;
  flex-direction:column;
  text-align:left
}
.intro.svelte-ar84s {
  margin-top:0
}
.intro.svelte-ar84s h1:where(.svelte-ar84s) {
  font-family:JetBrains Mono,monospace;
  font-size:1.4rem;
  font-weight:400;
  margin:0;
  line-height:1.4
}