:root { color: #f5f1e8; background: #10120f; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 80% 15%, #273d2d 0, transparent 32rem), #10120f; }
main { width: min(42rem, calc(100% - 3rem)); padding: 3rem 0; }
.eyebrow, footer { font-size: .72rem; letter-spacing: .15em; color: #aeb6a7; }
h1 { font-size: clamp(3rem, 9vw, 6.4rem); line-height: .91; letter-spacing: -.075em; font-weight: 550; margin: 1.5rem 0; }
.intro { max-width: 34rem; color: #c9cec2; line-height: 1.6; }
.console { margin-top: 3rem; padding: 1.25rem; background: #e8ebdf; color: #172018; border-radius: .45rem; box-shadow: 0 1.5rem 6rem #0008; }
.status { display: flex; gap: .55rem; align-items: center; font-size: .85rem; font-weight: 650; }
i { width: .6rem; height: .6rem; border-radius: 50%; background: #91a08d; } i.active { background: #24965a; box-shadow: 0 0 0 .3rem #24965a22; }
button { width: 100%; border: 0; cursor: pointer; margin: 1rem 0 .5rem; padding: 1.05rem 1.1rem; background: #18251b; color: white; border-radius: .25rem; font: inherit; text-align: left; font-weight: 700; } button span { float: right; } button:disabled { opacity: .55; cursor: wait; } button.secondary { background: transparent; outline: 1px solid #768274; color: #18251b; }
#notice { font-size: .72rem; line-height: 1.4; color: #667060; margin-bottom: 0; } footer { margin-top: 2rem; }