:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--line:#2a2f3a;--text:#e6e8ec;--muted:#8b93a3;--accent:#c9a84c;--accent-2:#6ea8fe;--danger:#e5686b}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:920px;padding:0 20px}.nav,.wrap{margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px;max-width:1080px}.brand{font-weight:800;letter-spacing:.3px;font-size:18px}.btn{display:inline-block;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:9px;padding:10px 16px;font-size:14px;text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--accent-2)}.btn.primary{background:var(--accent);color:#1a1400;border-color:var(--accent);font-weight:700}.btn.block{display:block;width:100%}.btn.block,.hero{text-align:center}.hero{padding:70px 20px 40px}.hero h1{font-size:clamp(30px,6vw,52px);margin:0 0 14px;line-height:1.05}.hero p{color:var(--muted);font-size:18px;max-width:560px;margin:0 auto 26px}.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:50px 0}@media (max-width:720px){.features{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted);font-size:14px}.examples{margin:56px 0 10px}.examples-title{font-size:22px;margin:0 0 6px;text-align:center}.examples-sub{color:var(--muted);font-size:14px;margin:0 0 24px;text-align:center}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:860px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.examples-grid{grid-template-columns:1fr}}.example{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s}.example:hover{border-color:var(--accent-2);transform:translateY(-2px)}.example-cover{position:relative;height:132px;display:grid;place-items:center}.example-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.example-initial{position:relative;font-size:40px;font-weight:800;color:hsla(0,0%,100%,.92);text-shadow:0 2px 8px rgba(0,0,0,.3)}.example-logo{position:relative;width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid hsla(0,0%,100%,.85);box-shadow:0 2px 10px rgba(0,0,0,.35)}.example-body{padding:14px 16px 16px}.example-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.example-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-tag{flex-shrink:0;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.example-sub{color:var(--muted);font-size:13px;margin-top:4px}.example-sub,.example-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-url{color:var(--accent);font-size:12px;margin-top:10px}.authbox{max-width:400px;margin:60px auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.authbox h1{margin:0 0 4px;font-size:22px}.authbox .sub{color:var(--muted);font-size:14px;margin:0 0 18px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.field input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:var(--text);font-size:14px}.field input:focus{outline:none;border-color:var(--accent-2)}.subrow{display:flex;align-items:stretch}.subrow input{border-radius:9px 0 0 9px;text-align:right}.subrow .suffix{display:flex;align-items:center;padding:0 12px;background:var(--panel-2);border:1px solid var(--line);border-left:none;border-radius:0 9px 9px 0;color:var(--muted);font-size:13px;white-space:nowrap}.err{color:var(--danger);font-size:13px;min-height:18px;margin:4px 0 8px}.muted{color:var(--muted)}.center{text-align:center}.mt{margin-top:14px}.dash{max-width:720px;margin:50px auto;padding:0 20px}.site-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.site-card .url{font-size:20px;font-weight:700}.site-card .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}