:root { --bg: #020205; --panel: #070714; --cyan: #00f2fe; --text: #c9d1d9; --muted: #8b949e; --border: #1a1f4a; }
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', monospace; }
body { background: var(--bg); color: var(--text); display: flex; align-items: center; justify-content: center; height: 100vh; text-align: center; }
.card { background: var(--panel); border: 1px solid var(--border); padding: 4rem 2rem; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,242,254,0.05); position: relative; overflow: hidden; max-width: 600px; width: 90%; }
.card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--cyan); }
.domain-name { color: var(--cyan); font-size: 2rem; letter-spacing: 3px; margin-bottom: 1rem; text-transform: uppercase; }
.status { display: inline-flex; align-items: center; gap: 8px; margin-top: 2.5rem; padding: 8px 16px; border: 1px solid var(--cyan); color: var(--cyan); background: rgba(0,242,254,0.1); font-size: 0.85rem; font-weight: bold; letter-spacing: 2px; }
.status span { display: inline-block; width: 8px; height: 8px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 8px var(--cyan); }
svg { width: 48px; height: 48px; fill: var(--cyan); margin-bottom: 1.5rem; }