*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#05080d;color:#e8fff3;font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden}
#rain{position:fixed;inset:0;z-index:0;opacity:.35}
body:after{content:"";position:fixed;inset:0;z-index:1;background:radial-gradient(circle at center,transparent 0,#05080d 75%);pointer-events:none}
main{position:relative;z-index:2;text-align:center;padding:24px;width:100%;max-width:560px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #1d4d38;border-radius:999px;background:rgba(10,30,22,.7);color:#5dffb0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
.badge i{width:8px;height:8px;border-radius:50%;background:#5dffb0;box-shadow:0 0 10px #5dffb0;animation:blink 1.2s infinite}
h1{font-size:clamp(2.4rem,10vw,4.6rem);font-weight:800;margin:26px 0 8px;letter-spacing:-.02em}
h1 span{color:#5dffb0;text-shadow:0 0 24px rgba(93,255,176,.55)}
.sub{opacity:.65;font-size:1.15rem}
.bar{margin:34px auto 26px;height:6px;width:100%;max-width:340px;background:#10211a;border-radius:6px;overflow:hidden}
.bar b{display:block;height:100%;width:40%;border-radius:6px;background:linear-gradient(90deg,#1fbf7a,#5dffb0);animation:load 2.2s ease-in-out infinite}
.term{font-family:Consolas,Menlo,monospace;color:#5dffb0;font-size:.95rem;min-height:1.4em;opacity:.85}
.term em{font-style:normal;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}