/* Front UI (scoped to #nd-home) */
#nd-home{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  width:100vw; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;
  position:relative; overflow:hidden;
  background:
    radial-gradient(1200px 600px at 12% 18%, rgba(232,189,185,.55), transparent 60%),
    radial-gradient(900px 500px at 90% 12%, rgba(106,13,173,.16), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #faf7f7 100%);
  padding:0;
}
#nd-home .nd-wrap{max-width:1240px;margin:0 auto;padding:clamp(26px,5vw,64px) clamp(16px,4vw,32px)}
#nd-home .nd-top{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
#nd-home h1{margin:0;font-weight:1000;letter-spacing:-.02em;color:#121212;font-size:clamp(28px,3.2vw,44px);line-height:1.08}
#nd-home .nd-sub{margin:10px 0 0;max-width:760px;color:#5b5b5b;font-weight:700;font-size:clamp(14px,1.2vw,16px);line-height:1.55}
#nd-home .nd-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 26px rgba(0,0,0,.06);font-weight:900;font-size:13px;color:#2a2a2a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}
#nd-home .nd-dot{width:10px;height:10px;border-radius:50%;background:#e8bdb9;box-shadow:0 0 0 6px rgba(232,189,185,.25)}
#nd-home .nd-row{display:grid;grid-template-columns:1fr 240px;gap:12px;align-items:center}
#nd-home .nd-search{width:100%;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 16px;border-radius:999px;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 50px rgba(0,0,0,.10)}
#nd-home .nd-search input{flex:1;border:0;outline:0;background:transparent;font-size:clamp(18px,2.2vw,26px);font-weight:1000;color:#111;padding:2px 4px}
#nd-home .nd-search input::placeholder{color:#9a9a9a;font-weight:900}
#nd-home .nd-btn{border:0;cursor:pointer;border-radius:999px;padding:12px 16px;font-weight:1000;background:linear-gradient(135deg,#e8bdb9 0%, #caa1e6 100%);color:#111;box-shadow:0 10px 22px rgba(0,0,0,.12);transition:transform .08s ease, filter .12s ease}
#nd-home .nd-btn:active{transform:translateY(1px)}
#nd-home .nd-btn:hover{filter:brightness(1.03)}
#nd-home .nd-controls{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px;box-shadow:0 18px 50px rgba(0,0,0,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#nd-home .nd-controls label{display:block;font-weight:900;font-size:12px;color:#333;margin:0 0 6px}
#nd-home #ndLang, #nd-home .nd-field, #nd-home select{width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:10px;font-weight:900;background:#fff}
#nd-home .nd-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#nd-home .nd-seg button{width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:10px;font-weight:900;background:rgba(255,255,255,.85);cursor:pointer}
#nd-home .nd-seg button.active{background:linear-gradient(135deg,#111 0%, #2c2c2c 100%);color:#fff;border-color:rgba(0,0,0,.08)}
#nd-home .nd-panel{margin-top:14px;background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#nd-home .nd-panelTop{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline;margin-bottom:10px}
#nd-home .nd-panel h2{margin:0;font-size:16px;font-weight:1000;color:#141414}
#nd-home .nd-small{margin:0;color:#666;font-weight:800;font-size:13px}
#nd-home .nd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#nd-home .nd-lang{padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.9);font-weight:1000;color:#222;cursor:pointer;user-select:none;transition:transform .08s ease, background .15s ease;text-align:left}
#nd-home .nd-lang:hover{transform:translateY(-1px);background:#fff}
#nd-home .nd-lang.active{background:linear-gradient(135deg,#e8bdb9 0%, #caa1e6 100%);color:#111}
#nd-home .nd-result{margin-top:14px;padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 46px rgba(0,0,0,.08)}
#nd-home .nd-rTop{display:flex;gap:12px;align-items:flex-start}
#nd-home .nd-pill{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#e8bdb9 0%, #caa1e6 100%);display:flex;align-items:center;justify-content:center;font-weight:1000;color:#111;box-shadow:0 12px 26px rgba(0,0,0,.10);flex:0 0 auto}
#nd-home .nd-rMeta{font-weight:900;color:#555;margin-bottom:10px}
#nd-home .nd-item{padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:rgba(250,250,250,.6);margin-bottom:10px}
#nd-home .nd-item__en{font-weight:1000;color:#111}
#nd-home .nd-item__lo{font-weight:1000;color:#333;margin-top:6px}
#nd-home .nd-item__cr{font-weight:800;color:#777;margin-top:6px;font-size:13px}
#nd-home .nd-notfound{margin-top:14px;padding:16px;border-radius:18px;border:1px dashed rgba(0,0,0,.18);background:rgba(255,255,255,.75);color:#555;font-weight:850}
#nd-home .nd-nfTitle{font-weight:1000;color:#111;margin-bottom:6px}
#nd-home .nd-nfSub{color:#666;font-weight:800;margin-bottom:10px}
#nd-home .nd-sugs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#nd-home .nd-sug{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:8px 12px;font-weight:950;cursor:pointer}
#nd-home .nd-sugNone{color:#777}
#nd-home .nd-linkBtn{display:inline-flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:1000}
#nd-home .nd-modal{display:none;position:fixed;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.62);z-index:999999;padding:16px}
#nd-home .nd-card{width:100%;max-width:720px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 26px 80px rgba(0,0,0,.38);border:1px solid rgba(0,0,0,.08)}
#nd-home .nd-card h3{margin:0 0 8px;font-weight:1000}
#nd-home .nd-help{margin:0 0 12px;color:#666;font-weight:800}
#nd-home .nd-row2{display:flex;gap:10px;margin-top:10px}
#nd-home .nd-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
#nd-home .nd-ghost{background:#fff;border:1px solid rgba(0,0,0,.16)}
#nd-home .nd-solid{background:linear-gradient(135deg,#111 0%, #2c2c2c 100%);color:#fff}
@media(max-width:980px){#nd-home .nd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#nd-home .nd-row{grid-template-columns:1fr}}
/* Mobile: keep languages in 2 columns for a more professional look */
@media(max-width:640px){
  #nd-home .nd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #nd-home .nd-lang{text-align:center}
}