@font-face { font-family: "acidic"; src: url("/shared/Acidic.TTF") format("truetype"); font-display: swap; }
html, body { min-height:100%; margin:0; background:#000; color:#fff; font-family:"acidic", monospace; }
body { opacity:0; transition:opacity .8s ease; } body.loaded { opacity:1; }
#page-loader { position:fixed; inset:0; z-index:99999; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:#000; transition:opacity 1s ease; }
#page-loader img { width:120px; height:auto; } .loader-text { color:#fff; font:14px "acidic",monospace; }
#page-loader.fade-out { opacity:0; pointer-events:none; }
.about-kore { box-sizing:border-box; min-height:100vh; padding:60px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; opacity:0; transform:translateY(24px); filter:blur(6px); transition:opacity .9s ease,transform .9s ease,filter .9s ease; }
body.loaded .about-kore { opacity:1; transform:translateY(0); filter:blur(0); }
.about-kore h1 { margin:0 0 16px; font-size:22px; letter-spacing:2px; font-weight:normal; }
.about-kore-mark { display:block; width:260px; max-width:80vw; height:auto; margin:0 auto 24px; }
.about-kore p { max-width:520px; margin:0; font:14px/1.5 "acidic",monospace; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }