:root{
  --bg:#050b18;--bg2:#07172e;--card:rgba(9,24,50,.78);--text:#f4f8ff;--muted:#aab8d8;
  --line:rgba(122,194,255,.2);--accent:#20e4ff;--accent2:#8a5cff;--danger:#ff4d6d;--ok:#2cff9a;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0b2d58 0,#050b18 45%,#02040b 100%);color:var(--text);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}input,select,button{font:inherit}
.orb{position:fixed;width:320px;height:320px;border-radius:999px;filter:blur(70px);opacity:.35;pointer-events:none}.orb-a{background:var(--accent);top:-80px;right:8%}.orb-b{background:var(--accent2);bottom:5%;left:-90px}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px clamp(16px,4vw,48px);background:rgba(2,6,17,.74);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#02040b}
.topbar nav{display:flex;gap:14px;flex-wrap:wrap}.topbar nav a{color:var(--muted);font-weight:700;font-size:14px}.page{width:min(1180px,94vw);margin:0 auto;padding:44px 0 70px}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:center;min-height:68vh}.eyebrow{display:inline-flex;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(32,228,255,.08)}
h1{font-size:clamp(34px,6vw,72px);line-height:.95;margin:18px 0}h2{font-size:clamp(24px,4vw,42px)}p{color:var(--muted);line-height:1.65}.hero-copy p{font-size:18px;max-width:720px}
.search-card,.panel,.card,.hero-panel{border:1px solid var(--line);background:var(--card);box-shadow:0 20px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);border-radius:28px}
.search-card{display:grid;grid-template-columns:1fr 180px auto;gap:10px;padding:10px;margin-top:28px}.search-card .result{grid-column:1/-1;color:var(--muted);padding:0 6px 6px}
input,select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(1,8,20,.72);color:var(--text);padding:14px 16px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(32,228,255,.12)}
button{border:0;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03101f;font-weight:900;cursor:pointer}
.hero-panel{padding:28px;min-height:360px}.domain-preview{font-size:clamp(32px,4vw,56px);font-weight:950;word-break:break-word}.domain-preview span{color:var(--accent)}.hero-panel li{margin:14px 0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.card{padding:22px}.card h3{margin-top:0}.card strong{font-size:24px;color:var(--accent)}
.panel{padding:26px;margin:24px 0}.narrow{max-width:620px;margin-left:auto;margin-right:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stack{display:grid;gap:14px}.notice,.alert,.success{border-radius:18px;padding:14px 16px;margin:12px 0;background:rgba(32,228,255,.08);border:1px solid var(--line);color:var(--text)}.alert{background:rgba(255,77,109,.12);border-color:rgba(255,77,109,.35)}.success{background:rgba(44,255,154,.12);border-color:rgba(44,255,154,.35)}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--accent);background:rgba(32,228,255,.07)}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04)}
.footer{text-align:center;color:var(--muted);padding:28px}.code{white-space:pre-wrap;background:#010711;border:1px solid var(--line);border-radius:18px;padding:14px;color:var(--muted)}.muted{font-size:14px}
@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;min-height:auto}.search-card{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}h1{font-size:38px}.page{padding-top:24px}}


/* v1.0.1 Freename flow */
.flow-list{display:grid;gap:12px;margin:18px 0}
.flow-list div{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid rgba(96,165,250,.25);border-radius:16px;background:rgba(15,23,42,.55)}
.flow-list.compact div{grid-template-columns:100px 1fr;padding:10px}
.flow-list strong{color:#dbeafe}
.flow-list span{color:#cbd5e1}
.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
.inline-form input{min-width:210px}
.muted{color:#94a3b8;font-size:.92rem}
@media(max-width:720px){.flow-list div{grid-template-columns:1fr}.inline-form input{min-width:100%;width:100%}}