@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111311;--fg:#f2f1ec;--muted:#8e928b;--acid:#d6ff5f}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{min-height:100vh;color:var(--fg);font-family:Manrope,system-ui,sans-serif}
.screen{min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:32px}
.backdrop{position:absolute;z-index:-1;inset:-18px;background:url("IMG_0332.jpeg") center/cover no-repeat;filter:blur(9px);transform:scale(1.03)}
.content{position:relative;z-index:1;width:min(100%,540px);text-align:center;padding:34px 12px;opacity:0;transform:translateY(10px);transition:opacity .65s ease,transform .65s ease}
.content.ready{opacity:1;transform:translateY(0)}
.status{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--acid);font:500 10px/1 'DM Mono',monospace;letter-spacing:.16em}
.status i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px rgba(214,255,95,.75);animation:pulse 1.8s ease-in-out infinite}
h1{font-size:clamp(54px,10vw,94px);line-height:.99;letter-spacing:-.075em;font-weight:700;margin:25px 0 17px}
h1 span{color:var(--acid)}
p{font-size:15px;color:var(--muted);margin:0}
.rule{height:1px;width:38px;background:#41443e;margin:42px auto 22px;position:relative}
.rule span{position:absolute;left:50%;top:0;width:9px;height:1px;background:var(--acid);transform:translateX(-50%)}
.site-name{font:500 10px/1 'DM Mono',monospace;letter-spacing:.16em;color:#777b73}
.dot{color:var(--acid)}
@keyframes pulse{50%{opacity:.38;box-shadow:0 0 2px rgba(214,255,95,.35)}}
@media(max-width:480px){.screen{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}