:root{--bg:#08080f;--surface:#0e0e18;--card:#14141f;--card2:#1a1a28;--border:rgba(255,255,255,.07);--primary:#7c5af3;--accent:#22d3ee;--text:#eeeef5;--muted:#6868a0;--muted2:#9898c0;--r:12px;--r-lg:20px;--t:.18s ease;--font:'Inter',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,8,15,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 20px}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:20px;height:60px}
.logo{font-size:1.1rem;font-weight:700;white-space:nowrap;color:var(--text)}
.header-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.header-nav a{font-size:.82rem;color:var(--muted2);padding:4px 10px;border-radius:50px;transition:all var(--t)}
.header-nav a:hover{color:var(--primary);background:rgba(124,90,243,.1)}
/* Breadcrumb */
.breadcrumb{max-width:1100px;margin:12px auto 0;padding:0 20px;display:flex;gap:6px;font-size:.78rem;color:var(--muted)}
.breadcrumb a{color:var(--muted2)}
.breadcrumb a:hover{color:var(--primary)}
/* Name Hero */
.name-page{max-width:860px;margin:0 auto;padding:0 20px 60px}
.name-hero{text-align:center;padding:40px 20px 32px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(124,90,243,.1) 0%,transparent 70%)}
.name-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:50px;font-size:.78rem;font-weight:600;margin-bottom:16px;letter-spacing:.5px}
.name-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.name-pronunciation{color:var(--muted2);font-size:.9rem;margin-bottom:12px}
.name-meaning-short{font-size:1.05rem;max-width:600px;margin:0 auto 10px;color:var(--muted2)}
.name-hindi{font-size:1.1rem;color:var(--accent);margin-top:6px}
/* Card */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:16px;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.card-title{font-size:1rem;font-weight:700;margin-bottom:16px;color:var(--text)}
/* Stats */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.stat-item{background:var(--card2);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:4px}
.stat-label{font-size:.72rem;color:var(--muted2);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.stat-val{font-size:.95rem;font-weight:700;color:var(--accent)}
/* Tags */
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tag{background:var(--card2);border:1px solid var(--border);border-radius:50px;padding:4px 12px;font-size:.82rem;color:var(--muted2)}
/* Name Pills */
.name-pills{display:flex;flex-wrap:wrap;gap:8px}
.name-pill{background:rgba(124,90,243,.15);border:1px solid rgba(124,90,243,.3);color:var(--primary);border-radius:50px;padding:5px 14px;font-size:.85rem;font-weight:500;transition:all var(--t)}
.name-pill:hover{background:rgba(124,90,243,.25)}
.name-pill-plain{background:var(--card2);border:1px solid var(--border);color:var(--muted2);border-radius:50px;padding:5px 14px;font-size:.85rem;display:inline-block}
/* Sibling */
.sibling-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.sibling-label{font-size:.82rem;font-weight:600;color:var(--muted2);white-space:nowrap;margin-top:6px}
/* FAQ */
.faq-item{border-bottom:1px solid var(--border);padding:14px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;user-select:none}
.arrow{color:var(--muted);transition:transform .2s}
.faq-a{display:none;padding-top:10px;font-size:.875rem;color:var(--muted2);line-height:1.7}
.faq-item.open .faq-a{display:block}
.faq-item.open .arrow{transform:rotate(180deg)}
/* Network bar */
.network-bar{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:40px;font-size:.85rem}
.network-bar span{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.network-bar a{color:var(--muted2)}
.network-bar a:hover{color:var(--primary)}
/* Footer */
.site-footer{text-align:center;padding:24px;color:var(--muted);font-size:.82rem;border-top:1px solid var(--border)}
.site-footer a{color:var(--muted2)}
/* Index */
.index-hero{text-align:center;padding:48px 20px 32px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(124,90,243,.1) 0%,transparent 70%)}
.index-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin-bottom:10px}
.index-hero p{color:var(--muted2);margin-bottom:24px}
.search-wrap{max-width:500px;margin:0 auto 20px}
.search-wrap input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:50px;padding:12px 20px;color:var(--text);font-size:.95rem;outline:none;transition:border-color var(--t)}
.search-wrap input:focus{border-color:var(--primary)}
.filter-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.filter-btn{background:var(--card);border:1px solid var(--border);color:var(--muted2);border-radius:50px;padding:6px 14px;font-size:.8rem;cursor:pointer;transition:all var(--t)}
.filter-btn.active,.filter-btn:hover{background:rgba(124,90,243,.2);border-color:var(--primary);color:var(--primary)}
.letters-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:20px;max-width:900px;margin:0 auto}
.letter-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r);color:var(--muted2);font-weight:700;font-size:.85rem;transition:all var(--t)}
.letter-btn:hover{border-color:var(--primary);color:var(--primary)}
.index-main{max-width:1100px;margin:0 auto;padding:0 20px 60px}
.letter-heading{font-size:1.4rem;font-weight:800;color:var(--primary);margin:32px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:8px}
.name-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:all var(--t)}
.name-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(124,90,243,.15)}
.nc-icon{font-size:1.4rem}
.nc-name{font-weight:700;font-size:.95rem;color:var(--text)}
.nc-meta{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
@media(max-width:640px){.header-nav{display:none}.names-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.stats-grid{grid-template-columns:1fr 1fr}}