:root{--bg:#f5f7fb;--card:#ffffff;--ink:#18202b;--muted:#5c6878;--brand:#1f6f6f;--brand-dark:#155252;--line:#d9e1ea;--soft:#e9f5f3;--warn:#b65b00;--shadow:0 18px 50px rgba(24,32,43,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}.hero{display:flex;gap:2rem;justify-content:space-between;align-items:flex-start;padding:2.2rem clamp(1rem,4vw,3rem);background:linear-gradient(135deg,#0f3f46,#238373);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;margin:0 0 .4rem;color:#bde8df}.hero h1{margin:.1rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1}.lead{max-width:820px;font-size:1.08rem;color:#e8fffb}.badge{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.8rem 1rem;white-space:nowrap;font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:1.2rem;padding:1.2rem clamp(1rem,4vw,3rem)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:var(--shadow)}h2{margin-top:0}label,legend{font-weight:700;color:#253042}label{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:12px;padding:.72rem;background:#fff;color:var(--ink)}textarea{min-height:92px;resize:vertical}.grid{display:grid;gap:.8rem}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.req{color:var(--warn)}fieldset{border:1px solid var(--line);border-radius:16px;background:#fbfdff;padding:.8rem}fieldset label{font-weight:500;flex-direction:row;align-items:flex-start;margin:.55rem 0}fieldset input{margin-top:.2rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}button{border:0;border-radius:999px;background:var(--brand);color:white;padding:.78rem 1.1rem;font-weight:800;cursor:pointer}button:hover{background:var(--brand-dark)}button.secondary{background:#e0f2ef;color:#104f4b}button.secondary:hover{background:#c9e8e3}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.small button{padding:.55rem .85rem}.output-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.output-head p{margin-top:-.5rem;color:var(--muted)}.output{white-space:pre-wrap;background:#101820;color:#edf7f5;padding:1rem;border-radius:16px;min-height:560px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.93rem}.note{margin-top:1rem;padding:1rem;border-radius:16px;background:var(--soft);color:#194945}footer{padding:1rem clamp(1rem,4vw,3rem) 2rem;color:var(--muted)}@media (max-width:1000px){.layout{grid-template-columns:1fr}.hero{flex-direction:column}.badge{white-space:normal}.three,.two{grid-template-columns:1fr}.output{min-height:360px}}@media print{body{background:white}.hero,.form-card,footer,.actions,.note{display:none}.layout{display:block;padding:0}.card{box-shadow:none;border:0}.output{background:white;color:black;min-height:0}}