@import "https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-app:#0c121e;--bg-surface:#111a2e;--bg-card:#152238;--bg-subtle:#1c2d4a;--border-app:#1e3a5f;--border-focus:#2563eb;--cyan-accent:#00d2ff;--cyan-subtle:#00d2ff1f;--emerald-accent:#10b981;--emerald-subtle:#10b98126;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:"Plus Jakarta Sans", "Hind Siliguri", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:clip}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-app);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.font-mono{font-family:var(--font-mono)}.lab-card{background:var(--bg-card);border:1px solid var(--border-app);border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 20px -2px #0006}.lab-card-interactive:hover{border-color:#00d2ff66;transform:translateY(-3px);box-shadow:0 12px 30px -4px #00d2ff26}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#111a2eb3;border:1px solid #1e3a5fcc}.glow-border{position:relative}.glow-border:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#00d2ff80,#10b98133,#0000 70%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.beacon-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 8px #10b981}.lang-switcher-pill{background:var(--bg-surface);border:1px solid var(--border-app);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s}.lang-btn.active{background:var(--cyan-accent);color:#08101e;box-shadow:0 2px 8px #00d2ff59}.lang-btn:hover:not(.active){color:var(--text-main);background:var(--bg-subtle)}.lab-input{background:var(--bg-surface);border:1px solid var(--border-app);color:var(--text-main);border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lab-input:focus{border-color:var(--cyan-accent);box-shadow:0 0 0 2px var(--cyan-subtle)}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.hero-grid-split{grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem;display:grid}.grid-steps{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (max-width:960px){.hero-grid-split{grid-template-columns:1fr!important}.grid-steps{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.mobile-toggle-btn{align-items:center!important;gap:8px!important;display:flex!important}.grid-cols-4-responsive{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3-responsive,.grid-cols-2-responsive,.grid-cols-form-4,.grid-steps{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-full{width:100%!important}}@media (max-width:480px){.grid-cols-4-responsive{grid-template-columns:1fr!important}}