/* SKJ Algo — night-sky indigo, brass, market green / rose (same palette as the KP Trading Desk) */
:root{
  --ink:#121833; --deep:#0d1229; --panel:#1a2247; --line:#4a62ad; --line2:#6a86d6;
  --brass:#d9a441; --brass2:#f0c873; --ivory:#ede6d3; --muted:#c4cbec; --dim:#8b93c2;
  --up:#3fbf8a; --upbg:rgba(63,191,138,.13); --down:#e2627a; --downbg:rgba(226,98,122,.13); --sky:#7aa7ff;
  --r-lg:22px; --r-md:14px; --r-sm:9px;
  --f:'Bricolage Grotesque','Noto Sans Tamil',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-height:100vh;color:var(--ivory);font:400 15px/1.55 var(--f);font-variant-numeric:tabular-nums;
  background:var(--ink);
  background-image:radial-gradient(1100px 600px at 90% -10%,#1f2a5c 0,transparent 60%),radial-gradient(800px 500px at -10% 50%,#18204a 0,transparent 60%);
  background-attachment:fixed}
a{color:var(--brass2)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brass2);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--brass);background:var(--brass);color:var(--ink);
  font-weight:650;border-radius:var(--r-sm);padding:10px 18px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--brass2);border-color:var(--brass2)}
.btn.ghost{background:transparent;color:var(--ivory);border-color:var(--line2)}
.btn.ghost:hover{border-color:var(--brass2);color:var(--brass2)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.field{display:block;margin:0 0 16px}
.field span{display:block;color:var(--muted);font-size:13.5px;margin:0 0 6px}
.field input,.field select{width:100%;background:var(--deep);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;color:var(--ivory)}
.field input:focus,.field select:focus{border-color:var(--brass2);outline:none;box-shadow:0 0 0 3px rgba(240,200,115,.18)}
.note{color:var(--muted);font-size:13px}
.err{color:var(--down);font-size:14px;min-height:1.4em;margin:0 0 10px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}