:root{--bg:#0b1120;--panel:#121e32;--text:#eef4ff;--muted:#a3b2c9;--line:#2a3a55;--a:#64e5d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1e3152,transparent 55%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header{height:72px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2));background:#0b1120ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand b{border:1px solid #64e5d277;color:var(--a);border-radius:12px;padding:8px}.brand small{font-size:.6rem;letter-spacing:.18em;color:var(--muted)}nav{display:flex;gap:22px;color:#c5d2e6;font-size:.9rem}nav a:hover,footer a:hover{color:var(--a)}#menu{display:none;background:transparent;color:white;border:1px solid var(--line);padding:7px 10px;border-radius:8px}.hero{max-width:1120px;margin:auto;text-align:center;padding:85px 22px 65px}.pill,label{font-size:.72rem;font-weight:850;letter-spacing:.15em;color:var(--a)}.pill{border:1px solid #64e5d244;border-radius:99px;padding:9px 14px}h1{font-size:clamp(2.8rem,7vw,5.5rem);line-height:1;letter-spacing:-.07em;margin:28px 0 20px}h1 em{font-style:normal;background:linear-gradient(90deg,var(--a),#a5b4fc);background-clip:text;color:transparent}.hero>p{max-width:640px;margin:auto;color:var(--muted);font-size:1.08rem}.cta{display:inline-block;background:var(--a);color:#06151b;font-weight:850;border-radius:11px;padding:13px 20px;margin-top:25px}.stats{display:flex;justify-content:center;gap:50px;margin-top:45px}.stats span{display:grid}.stats small{color:var(--muted);font-size:.8rem}.section{max-width:1120px;margin:auto;padding:45px 22px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.heading h2,.about-strip h2{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.05em;margin:4px 0}.heading p,.about-strip p{color:var(--muted);margin:0}input,textarea{width:100%;background:#080f1d;border:1px solid #30415d;border-radius:10px;color:var(--text);padding:12px;font: .95rem ui-monospace,monospace}input:focus,textarea:focus{outline:2px solid #64e5d233;border-color:var(--a)}#search{max-width:280px;font:inherit}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:180px;padding:20px;background:linear-gradient(145deg,#15243c,#101a2b);border:1px solid var(--line);border-radius:17px;color:var(--text);cursor:pointer;font:inherit}.card:hover{border-color:#64e5d299;transform:translateY(-2px)}.card i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff0b;color:var(--a);font:900 1rem monospace}.card span{color:var(--muted);font-size:.88rem}.workspace{border-top:1px solid var(--line);margin-top:20px}.workspace .heading{align-items:start}.secondary,.action{border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:#1a2941;color:var(--text);font:inherit;cursor:pointer}.panel{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;margin:0 0 8px;font-size:.9rem;font-weight:800;color:var(--text);letter-spacing:0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.action{background:var(--a);color:#06151b;border:0;font-weight:850}.status{min-height:26px;color:var(--a)}.status.error{color:#ff9aa8}textarea{min-height:200px;resize:vertical;line-height:1.5}#qrOutput{display:flex;background:white;justify-content:center;padding:15px;border-radius:10px;width:max-content;max-width:100%;margin-top:10px}.about-strip{border-top:1px solid #ffffff12;max-width:1120px;margin:auto;padding:65px 22px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.benefits{color:var(--muted)}.benefits b{color:var(--a);margin-right:10px}footer{text-align:center;border-top:1px solid #ffffff12;padding:30px 20px;color:var(--muted)}footer .brand{justify-content:center;color:var(--text)}footer p{font-size:.9rem}footer div{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:15px}footer small{font-size:.75rem}.content-page{max-width:800px;min-height:65vh;margin:auto;padding:65px 22px}.content-page h1{font-size:clamp(2.3rem,6vw,3.7rem)}.content-page p{color:var(--muted)}.notice{padding:14px;border-left:3px solid var(--a);background:#64e5d20d;color:var(--muted)}[hidden],.hide{display:none!important}@media(max-width:740px){header{padding:0 17px}#menu{display:block}nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0b1120;padding:18px;flex-direction:column}nav.open{display:flex}.hero{padding:65px 20px 48px}.stats{gap:20px}.stats small{font-size:.68rem}.heading{align-items:stretch;flex-direction:column}#search{max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px;min-height:190px}.card strong{font-size:.95rem}.card span{font-size:.8rem}.two,.about-strip{grid-template-columns:1fr}.about-strip{gap:20px;padding:45px 22px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.stats{gap:14px}}
/* DevToolbox India brand logo */
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#fff}
.footer-logo{width:40px;height:40px}

/* Light theme and theme toggle */
:root[data-theme="light"]{--bg:#f5f7fb;--panel:#ffffff;--text:#172033;--muted:#596579;--line:#d9e1ec;--a:#087f8c}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 50% -20%,#dcecf5,transparent 55%),var(--bg)}
:root[data-theme="light"] nav{background:#fff}
:root[data-theme="light"] .card,:root[data-theme="light"] input,:root[data-theme="light"] textarea,:root[data-theme="light"] select,:root[data-theme="light"] .workspace{background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .secondary{color:var(--text);border-color:var(--line)}
.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:9px 13px;cursor:pointer;font:inherit}
.content-page .theme-toggle{float:right}


/* Updated DevToolbox India theme: electric blue + cyan, with clean light mode */
:root{--bg:#071426;--panel:#0e213b;--text:#f4f8ff;--muted:#a9bdd7;--line:#263f60;--a:#38d9ff;--brand-blue:#1677ff;--brand-cyan:#38d9ff}
body{background:radial-gradient(ellipse at 50% -18%,#143c70,transparent 58%),var(--bg)}
header{background:color-mix(in srgb,#071426 93%,transparent);border-bottom-color:#38d9ff20}
.brand b{border-color:#38d9ff88;color:#38d9ff;background:#1677ff12}
nav{color:#d6e6fb}nav a:hover,footer a:hover{color:#38d9ff}
.pill{border-color:#38d9ff66;color:#38d9ff}
h1 em{background:linear-gradient(90deg,#38d9ff,#5b8cff);background-clip:text;color:transparent}
.cta,.action{background:linear-gradient(110deg,#38d9ff,#1684ff);color:#041225;box-shadow:0 7px 22px #1677ff25}
input:focus,textarea:focus{outline:2px solid #38d9ff35;border-color:#38d9ff}
.card{background:linear-gradient(145deg,#122b4a,#0b1a30);border-color:#263f60}
.card:hover{border-color:#38d9ff99;box-shadow:0 12px 28px #02081755}
.card i{background:#38d9ff12;color:#38d9ff}
.secondary{background:#102641}
.status{color:#38d9ff}
.notice{border-left-color:#38d9ff;background:#38d9ff0d}
:root[data-theme="light"]{--bg:#f6faff;--panel:#ffffff;--text:#10223d;--muted:#52647d;--line:#d6e3f2;--a:#087ed5;--brand-blue:#1463e8;--brand-cyan:#00a9d6}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 50% -20%,#dceeff,transparent 58%),var(--bg)}
:root[data-theme="light"] header{background:#ffffffed;border-bottom-color:#d6e3f2}
:root[data-theme="light"] nav{background:#fff;color:#344761}
:root[data-theme="light"] #menu{color:var(--text)}
:root[data-theme="light"] .card{background:linear-gradient(145deg,#fff,#f1f7ff);border-color:#d6e3f2;color:var(--text)}
:root[data-theme="light"] .card:hover{border-color:#60b8ed;box-shadow:0 10px 24px #135ba512}
:root[data-theme="light"] input,:root[data-theme="light"] textarea{background:#fff;color:var(--text);border-color:#ccdced}
:root[data-theme="light"] .secondary{background:#eef6ff;color:var(--text);border-color:#d6e3f2}
:root[data-theme="light"] .action,:root[data-theme="light"] .cta{background:linear-gradient(110deg,#00b9d9,#3984ff);color:#fff}
:root[data-theme="light"] .about-strip,:root[data-theme="light"] footer{border-top-color:#d6e3f2}
:root[data-theme="light"] .brand-logo{background:#fff}