:root{color-scheme:light dark}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif}
.pg-head{background:linear-gradient(135deg,#0b1544,#1c3bd1);color:#fff;padding:28px 18px 34px;border-radius:0 0 24px 24px}
.pg-head a{color:#fff;text-decoration:none;font-weight:700}
.pg-head h1{margin:14px auto 6px;max-width:760px;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.2;font-family:"Space Grotesk",Inter,system-ui,sans-serif}
.pg-head p{max-width:760px;margin:0 auto;color:#dbe5ff}
.pg-wrap{max-width:760px;margin:18px auto;padding:0 16px}
.pg-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px;margin:0 0 16px}
.pg-card h2{margin:0 0 10px;font-size:1.25rem;font-family:"Space Grotesk",Inter,system-ui,sans-serif}
.pg-card h3{margin:16px 0 4px;font-size:1.02rem}
label{display:block;font-weight:600;margin:12px 0 6px}
select,input{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font:inherit}
.out{margin-top:16px;padding:16px;border-radius:16px;background:var(--accent-soft);font-size:1.05rem}
.out b{font-size:1.5rem;display:block}
.pg-card a,.pg-foot a{color:var(--accent)}
.pg-foot{text-align:center;color:var(--muted);padding:10px 16px 30px;font-size:.9rem}
.cta{display:inline-block;background:var(--accent);color:var(--accent-ink)!important;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;box-shadow:var(--tick)}
.more-tools{columns:2;padding-left:18px}
@media(max-width:520px){.more-tools{columns:1}}