:root{--bg:#020617;--panel:#0f172a;--blue:#2F5BFF;--cyan:#6FE8FF;--orange:#f97316;--text:#f8fafc;--muted:#94a3b8;--line:rgba(148,163,184,.18)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(47,91,255,.25),transparent 36%),radial-gradient(circle at bottom right,rgba(249,115,22,.15),transparent 34%),linear-gradient(135deg,#020617,#08111f 58%,#020617);min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100vw - 34px));margin:auto}.topbar{height:34px;border-bottom:1px solid var(--line);background:rgba(2,6,23,.72);color:#aab5c8;font-size:13px}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between}.header{position:sticky;top:0;z-index:20;background:rgba(2,6,23,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:12px;font-weight:900}.logo-mark{width:48px;height:48px;border-radius:16px;border:1px solid rgba(111,232,255,.22);display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--cyan)}.logo-title{font-size:22px}.logo-sub{font-size:12px;color:#94a3b8;margin-top:2px}.navlinks{display:flex;gap:22px;color:#dbe4f3;font-weight:800;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:rgba(15,23,42,.8);border:1px solid rgba(111,232,255,.22);color:#fff;font-weight:900;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(47,91,255,.25)}.btn.orange{background:linear-gradient(135deg,var(--orange),#ffb15e);color:#111827;border:0}.btn.whatsapp{background:linear-gradient(135deg,#087a44,#16a34a);border:0}.hero{text-align:center;padding:92px 0 38px}.badge{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;border:1px solid rgba(111,232,255,.26);color:var(--cyan);background:rgba(47,91,255,.12);font-weight:900;font-size:14px}.badge:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}h1,h2,h3{font-family:Poppins,Inter,Arial,sans-serif;margin:0}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-2px;margin:24px 0 18px}.hero p{color:#cbd5e1;font-size:17px;line-height:1.7;max-width:760px;margin:auto}.verify-panel{width:min(980px,100%);margin:34px auto 0;padding:24px;border:1px solid var(--line);border-radius:30px;background:rgba(15,23,42,.75);box-shadow:0 24px 80px rgba(0,0,0,.36)}.search-row{display:flex;gap:12px}.search-row input{flex:1;padding:18px 20px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#020617;color:#fff;font-size:17px;outline:none}.result{margin-top:20px;text-align:left}.profile-card{display:grid;grid-template-columns:154px 1fr;gap:26px;align-items:center;padding:24px;border-radius:24px;border:1px solid rgba(111,232,255,.18);background:linear-gradient(135deg,rgba(47,91,255,.16),rgba(249,115,22,.08))}.photo-wrap{width:154px;height:154px;border-radius:28px;border:2px solid rgba(111,232,255,.72);background:#020617;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 30px rgba(111,232,255,.14)}.photo-wrap img{width:100%;height:100%;object-fit:cover}.fallback,.emp-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff;font-weight:900}.fallback{font-size:44px}.emp-fallback{font-size:21px}.status{display:inline-flex;padding:8px 13px;border-radius:999px;color:#052e16;background:#86efac;font-weight:900;margin-bottom:12px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.detail{background:rgba(2,6,23,.58);border:1px solid rgba(148,163,184,.13);border-radius:14px;padding:12px}.detail span{display:block;color:#94a3b8;font-size:12px;margin-bottom:5px}.invalid{padding:18px;border-radius:18px;color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.34)}.section{padding:58px 0 80px}.kicker{color:var(--cyan);font-weight:900;letter-spacing:3px;font-size:14px;margin-bottom:12px}.section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.2px}.section p{color:#aab5c8;line-height:1.7}.employee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.employee-card{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;min-height:132px;padding:16px;border-radius:24px;border:1px solid var(--line);background:rgba(15,23,42,.72);cursor:pointer;transition:.25s}.employee-card:hover{transform:translateY(-5px);border-color:rgba(111,232,255,.58);box-shadow:0 22px 55px rgba(47,91,255,.18)}.emp-photo{width:76px;height:76px;border-radius:22px;overflow:hidden;border:1px solid rgba(111,232,255,.48);background:#020617;display:grid;place-items:center}.emp-photo img{width:100%;height:100%;object-fit:cover}.emp-id{color:#94a3b8;font-size:12px;font-weight:800;margin-bottom:6px}.employee-card h3{font-size:18px;margin-bottom:5px}.designation{color:var(--orange);font-weight:900;font-size:14px;line-height:1.3}.active{color:var(--cyan);font-weight:900;margin-top:5px}.footer{padding:48px 0 24px;border-top:1px solid var(--line);background:rgba(2,6,23,.62)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:26px}.footer h3{font-size:18px;margin-bottom:14px}.footer p,.footer a,.footer li{color:#aab5c8;line-height:1.8}.footer ul{margin:0;padding:0;list-style:none}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:#94a3b8;display:flex;justify-content:space-between;gap:12px}@media(max-width:1050px){.employee-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.topbar{display:none}.navlinks{display:none}.nav{height:68px}.hero{padding:58px 0 30px}.hero h1{font-size:38px;letter-spacing:-1px}.search-row{display:grid}.profile-card{grid-template-columns:1fr;text-align:center}.photo-wrap{margin:auto}.details-grid{grid-template-columns:1fr;text-align:left}.employee-grid{grid-template-columns:1fr}.employee-card{grid-template-columns:70px 1fr}.footer-grid,.footer-bottom{display:grid;grid-template-columns:1fr}}