:root{--accent: #1b4d3e;--accent-hover: #163f33;--bg: #ece7dc;--bg-accent: #e4ddd0;--bg-accent: color-mix(in srgb, var(--accent) 16%, var(--bg));--card: #fff;--text: #1a1a1a;--muted: #5c5c5c;--border: #d8d2c6;--input-bg: #fff;--err: #9b1c1c;--err-bg: #fdecec;--ok: #166534;--ok-bg: #e8f6ec;--shadow: 0 18px 50px rgb(27 77 62 / 12%);--focus: rgb(27 77 62 / 45%);color-scheme:light dark;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4}html[data-app=hydrodata]{--bg: #e7eef4;--shadow: 0 18px 50px rgb(11 58 91 / 14%)}html[data-app=producer-connect]{--bg: #ece7dc;--shadow: 0 18px 50px rgb(83 132 61 / 14%)}@media(prefers-color-scheme:dark){:root{--bg: #10140f;--card: #1b211c;--text: #f3f4f1;--muted: #b0b6ae;--border: #3a423b;--input-bg: #141914;--err: #fca5a5;--err-bg: #3a1c1c;--ok: #86efac;--ok-bg: #163822;--shadow: 0 18px 50px rgb(0 0 0 / 45%)}html[data-app=hydrodata]{--bg: #0b1220;--card: #141c2b;--input-bg: #0e1624;--border: #2a3648}html[data-app=producer-connect]{--bg: #10140f;--card: #1b211c;--input-bg: #141914}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));color:var(--text);background:radial-gradient(1200px 480px at 12% -10%,var(--bg-accent),transparent 58%),radial-gradient(900px 420px at 110% 110%,var(--bg-accent),transparent 52%),var(--bg);-webkit-font-smoothing:antialiased}.card{width:min(26.5rem,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem 1.5rem 1.65rem;box-shadow:var(--shadow)}.brand-header{display:flex;justify-content:center;margin-bottom:1.15rem}.brand-header picture:not([hidden]){display:flex;justify-content:center;width:100%}.logo{display:block;width:min(100%,16.5rem);height:auto;max-height:4.75rem;object-fit:contain;object-position:center}.brand{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:650}h1{margin:0 0 .35rem;font-size:clamp(1.25rem,2.4vw + 1rem,1.55rem);font-weight:700;letter-spacing:-.02em;text-align:center}.sub,.hint{color:var(--muted);font-size:.92rem}.sub{margin:0 0 .35rem;text-align:center}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:1.2rem 0 1rem}.tabs button{min-height:2.75rem;border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:999px;padding:.4rem .7rem;font:inherit;font-size:.88rem;cursor:pointer;touch-action:manipulation}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}label{display:block;font-size:.85rem;font-weight:600;margin:.7rem 0}input{display:block;width:100%;margin-top:.35rem;min-height:2.85rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--text);font:inherit;font-size:1rem}input:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--accent)}button[type=submit]{width:100%;margin-top:.95rem;min-height:2.9rem;padding:.75rem;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-size:1rem;font-weight:650;cursor:pointer;touch-action:manipulation}button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}button[type=submit]:disabled{opacity:.6;cursor:wait}.link{display:block;width:100%;margin-top:.85rem;padding:.55rem;min-height:2.5rem;border:0;background:none;color:var(--accent);font:inherit;font-size:.92rem;font-weight:650;cursor:pointer;text-align:center;touch-action:manipulation}.link:hover{text-decoration:underline}.error,.ok{margin:.75rem 0 0;font-size:.9rem;border-radius:10px;padding:.65rem .75rem}.error{color:var(--err);background:var(--err-bg)}.ok{color:var(--ok);background:var(--ok-bg)}@media(min-width:32rem){.tabs{display:flex;flex-wrap:wrap}.tabs button{flex:1 1 auto}}@media(max-width:30rem){body{place-items:stretch;align-items:stretch;padding:0}.card{width:100%;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:max(1.35rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.75rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}