*{box-sizing:border-box}
:root{
  --bg:#090a16;
  --bg-soft:#12152a;
  --surface:#171a32;
  --surface-hover:#1c2040;
  --border:#2d3358;
  --text:#edf1ff;
  --muted:#a2accf;
  --primary:#56ddff;
  --primary-soft:rgba(86,221,255,.12);
  --accent:#a489ff;
  --ok:#2be4b1;
}
body[data-theme="light"]{
  --bg:#f2f5ff;
  --bg-soft:#ffffff;
  --surface:#ffffff;
  --surface-hover:#f5f8ff;
  --border:#d7def1;
  --text:#1d2440;
  --muted:#66739c;
  --primary:#0ea5d8;
  --primary-soft:rgba(14,165,216,.11);
  --accent:#7259d9;
  --ok:#0ea97e;
}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(900px 480px at 50% -10%,#22224a 0%,var(--bg) 58%),var(--bg);color:var(--text);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(86,221,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(86,221,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}
body[data-theme="light"]{background:radial-gradient(900px 480px at 50% -10%,#dde8ff 0%,var(--bg) 58%),var(--bg)}
body[data-theme="light"]::before{background-image:linear-gradient(rgba(44,79,161,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(44,79,161,.05) 1px,transparent 1px)}
a{color:var(--primary);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px;position:relative;z-index:1}
.site-header{position:sticky;top:0;z-index:110;background:rgba(15,17,33,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.header-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.brand-wrap{display:flex;align-items:center;gap:10px}
.brand-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--primary-soft);border:1px solid rgba(86,221,255,.4);color:#b9f3ff;font-size:12px;font-weight:600;letter-spacing:.3px}
body[data-theme="light"] .brand-badge{color:#0e5978;border-color:#9cd5e8}
.logo{font-weight:700;font-family:monospace;font-size:20px;color:var(--text)}
.logo span{color:#8991ba}
.theme-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:7px 12px;cursor:pointer;font-size:12px;font-weight:700}
.theme-toggle:hover{border-color:var(--primary);background:var(--primary-soft)}
.theme-icon{font-size:14px;line-height:1}
.main-nav{display:flex;gap:14px}
.main-nav a{padding:6px 10px;border-radius:999px;border:1px solid transparent;color:#b8b8c9;transition:all .2s}
.main-nav a:hover{border-color:var(--border);background:var(--surface);color:var(--primary)}
.site-footer{border-top:1px solid var(--border);background:rgba(15,17,33,.75);margin-top:24px}
.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 0;color:var(--muted);font-size:14px}
.hero{padding:44px 0 26px;text-align:center}
.hero-eyebrow{color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:2px}
.hero h1{margin:10px 0 10px;font-size:clamp(30px,6vw,52px);line-height:1.1}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sub{color:var(--muted);max-width:700px}
.sub{margin:0 auto}
.hero-stats{display:flex;justify-content:center;gap:32px;margin-top:22px}
.stat{text-align:center}
.stat-num{font-family:monospace;font-size:24px;color:var(--primary);font-weight:700}
.stat-label{font-size:12px;color:var(--muted)}
.panel{background:linear-gradient(180deg,#181b34,#13162b);border:1px solid var(--border);border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 8px 22px rgba(2,4,12,.35)}
.search-form{display:grid;grid-template-columns:1fr 180px 120px;gap:10px}
.search-form input,.search-form select,.search-form button,.admin-form input,.admin-form select,.admin-form textarea,.admin-form button,.stack-form input,.stack-form button{width:100%;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px}
.search-form button,.stack-form button{background:linear-gradient(180deg,#72e7ff,#4ad5f7);color:#081018;font-weight:700;cursor:pointer}
.admin-form:not(.admin-form--domain) button{background:linear-gradient(180deg,#72e7ff,#4ad5f7);color:#081018;font-weight:700;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:18px}
.domain-grid{padding-bottom:110px}
.card{background:linear-gradient(180deg,#1a1d38,#151833);border:1px solid var(--border);border-radius:12px;padding:14px}
.card.featured{border-color:rgba(164,137,255,.62);background:linear-gradient(140deg,#1b1d3a,#2a204a)}
.card .tld{font-size:12px;color:var(--muted)}
.card h3{margin:8px 0;font-family:monospace}
.card h3 span{color:var(--primary)}
.price{color:var(--ok);font-weight:700}
.desc,.meta{font-size:14px;color:var(--muted)}
.empty{grid-column:1/-1;padding:16px;text-align:center;color:var(--muted)}
.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.btn-link{border:1px solid var(--border);border-radius:999px;padding:7px 12px;color:var(--text)}
.admin-form:not(.admin-form--domain){display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.admin-form:not(.admin-form--domain) textarea{grid-column:1/-1;min-height:90px}
.admin-form:not(.admin-form--domain) button{grid-column:1/-1}
.check{display:flex;align-items:center;gap:8px;color:#b5b5c8}

.admin-add-panel{padding:20px 22px}
.admin-sub{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.45;max-width:520px}
.admin-head h1{margin:0;font-size:22px;font-weight:700}
.btn-logout{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:10px;border:1px solid #3a3a52;background:#1a1a28;color:#e6e6f0;font-size:13px;font-weight:600;white-space:nowrap;transition:border-color .2s,background .2s,color .2s}
.btn-logout:hover{border-color:rgba(86,221,255,.5);background:var(--primary-soft);color:#b9f3ff}
.admin-alert{margin:0 0 18px}
.admin-form--domain{display:block;margin-top:4px}
.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}
.form-field label{display:block;font-size:13px;font-weight:600;color:#c9c9d9;margin-bottom:6px}
.form-field-full textarea{min-height:110px;resize:vertical}
.form-hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.45}
.form-row-status{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:16px;padding-top:18px;border-top:1px solid var(--border)}
.form-label-static{display:block;font-size:13px;font-weight:600;color:#c9c9d9;margin-bottom:8px}
.form-field-featured{display:flex;flex-direction:column;justify-content:flex-end}
.checkbox-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);cursor:pointer;transition:border-color .2s,background .2s}
.checkbox-card:hover{border-color:#3a3a52;background:#151932}
.checkbox-card input{margin-top:3px;width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}
.admin-form--domain .checkbox-card input[type="checkbox"]{width:18px;height:18px;padding:0;background:transparent;border:none;box-shadow:none}
.checkbox-card-text{display:flex;flex-direction:column;gap:3px}
.checkbox-card-text strong{font-size:14px;color:var(--text);font-weight:600}
.checkbox-card-text small{font-size:12px;color:var(--muted);line-height:1.4}
.form-field-full{margin-top:16px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:rgba(86,221,255,.56);box-shadow:0 0 0 3px rgba(86,221,255,.12)}
.form-actions{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.btn-add-domain{width:100%;max-width:340px;padding:12px 22px;border-radius:12px;border:1px solid rgba(86,221,255,.44);background:linear-gradient(180deg,rgba(86,221,255,.28),rgba(86,221,255,.1));color:#e3f9ff;font-weight:700;font-size:15px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s,color .2s}
.btn-add-domain:hover{border-color:rgba(86,221,255,.66);background:linear-gradient(180deg,rgba(86,221,255,.36),rgba(86,221,255,.14));color:#fff}
.btn-add-domain:active{transform:translateY(1px)}
.admin-list-panel .section-title{margin:0 0 14px;font-size:18px;font-weight:700}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;font-size:14px}
.success{color:var(--ok)}
.error{color:#ff7f8f}
.login-panel{max-width:460px;margin:24px auto}
.stack-form{display:grid;gap:10px}

.search-wrap{position:relative;padding:8px 0 8px}
.search-wrap input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 16px 13px 44px;color:var(--text);outline:none}
.search-wrap input:focus{border-color:var(--primary)}
.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%)}
.filter-bar{padding:6px 0 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.filter-bar::-webkit-scrollbar{display:none}
.filter-btn{font-family:monospace;font-size:12px;padding:7px 14px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .2s}
.filter-btn.active,.filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}

.domain-card{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeUp .4s ease both}
.domain-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,229,255,.05),transparent);opacity:0;transition:opacity .3s}
.domain-card:hover::before{opacity:1}
.domain-card:hover{border-color:rgba(86,221,255,.5);transform:translateY(-2px);box-shadow:0 12px 30px rgba(4,8,20,.45)}
.card-ext{font-family:monospace;font-size:11px;color:var(--muted);margin-bottom:5px;letter-spacing:1px;text-transform:uppercase}
.card-name{font-size:20px;font-family:monospace;line-height:1.25}
.card-price{font-family:monospace;font-size:14px;font-weight:700;display:inline-flex;align-items:center;padding:5px 9px;border-radius:10px;background:rgba(43,228,177,.12);border:1px solid rgba(43,228,177,.35);letter-spacing:.2px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}
.card-tag{font-size:10px;padding:4px 8px;border-radius:100px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.tag-short{background:rgba(0,200,150,.14);color:#00c896}
.tag-brand{background:rgba(86,221,255,.16);color:var(--primary)}
.tag-local{background:rgba(124,58,237,.14);color:#a78bfa}
.tag-tech{background:rgba(255,180,0,.11);color:#fbbf24}
.contact-btn{font-size:11px;font-family:monospace;background:none;border:1px solid var(--border);color:var(--muted);padding:4px 9px;border-radius:100px;cursor:pointer}
.contact-btn:hover{border-color:var(--primary);color:var(--primary)}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);z-index:300;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:linear-gradient(180deg,#1a1d38,#14162b);border:1px solid var(--border);border-radius:24px 24px 0 0;padding:24px 22px 44px;width:100%;max-width:520px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.modal-overlay.open .modal{transform:translateY(0)}
.modal-handle{width:40px;height:4px;background:var(--border);border-radius:100px;margin:0 auto 22px}
.modal-domain{font-family:monospace;font-size:26px;font-weight:700;color:var(--text);margin-bottom:6px}
.modal-domain .tld{color:var(--primary)}
.modal-desc{font-size:14px;color:var(--muted);margin-bottom:14px;line-height:1.65}
.modal-price{color:var(--ok);font-size:18px;font-weight:800;background:rgba(43,228,177,.12);border:1px solid rgba(43,228,177,.35);padding:10px 12px;border-radius:10px}
.contact-options{display:flex;flex-direction:column;gap:10px}
.contact-opt{display:flex;align-items:center;gap:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:13px;padding:13px 15px;text-decoration:none;color:var(--text)}
.contact-opt:hover{border-color:var(--primary);background:var(--primary-soft)}
.opt-icon{font-size:20px;width:34px;text-align:center}
.opt-label{font-size:12px;color:var(--muted)}
.opt-val{font-size:15px;font-weight:600}
.modal-close{margin-top:14px;width:100%;padding:13px;background:none;border:1px solid var(--border);border-radius:12px;color:var(--muted);cursor:pointer}
.modal-close:hover{color:var(--text);border-color:var(--text)}

.bottom-cta{position:fixed;bottom:0;left:0;right:0;z-index:120;background:rgba(15,17,33,.92);backdrop-filter:blur(18px);border-top:1px solid var(--border);padding:11px 18px;display:flex;gap:12px;align-items:center}
.cta-text{flex:1;font-size:13px;color:var(--muted);line-height:1.45}
.cta-text strong{color:var(--text);display:block;margin-bottom:1px}
.cta-btn{background:linear-gradient(180deg,#72e7ff,#4ad5f7);color:#061018;border:none;padding:12px 18px;border-radius:12px;font-family:monospace;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.cta-btn:hover{opacity:.84}

.no-results{font-family:monospace}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .search-form{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .admin-form:not(.admin-form--domain){grid-template-columns:1fr}
  .form-grid-2,.form-row-status{grid-template-columns:1fr}
  .btn-add-domain{max-width:none}
  .hero-stats{gap:16px}
  .bottom-cta{padding:10px 12px}
  .brand-badge{padding:5px 8px;font-size:11px}
  .logo{font-size:18px}
  .theme-toggle{padding:6px 10px}
  .theme-text{display:none}
}