:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.app{max-width:760px;margin:0 auto;padding:18px 14px 40px}.hero{background:linear-gradient(135deg,#123a74,#0b7a75);color:#fff;padding:24px 20px;border-radius:24px;box-shadow:0 12px 32px rgba(18,58,116,.22)}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;letter-spacing:.08em}.hero h1{font-size:25px;line-height:1.25;margin:14px 0 8px}.hero p{margin:0;opacity:.92}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.tab{border:0;border-radius:16px;padding:13px;background:#fff;color:#334155;font-weight:700;box-shadow:0 4px 16px rgba(15,23,42,.08)}.tab.active{background:#123a74;color:#fff}.card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);margin-top:12px}.form{display:none}.active-form{display:block}h2{margin:2px 0 16px;font-size:21px}label{display:block;font-size:14px;color:#334155;margin:12px 0 0}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d6deea;border-radius:14px;padding:12px 13px;font-size:16px;background:#fbfdff;color:#0f172a}textarea{min-height:86px;resize:vertical}button[type=submit]{width:100%;margin-top:18px;border:0;border-radius:16px;background:#0b7a75;color:#fff;font-weight:800;font-size:17px;padding:14px 16px;box-shadow:0 10px 24px rgba(11,122,117,.24)}button[disabled]{opacity:.55}.result{margin-top:14px;border-radius:18px;padding:14px;background:#ecfdf5;color:#065f46;white-space:pre-wrap}.result.error{background:#fef2f2;color:#991b1b}footer{text-align:center;color:#94a3b8;font-size:12px;margin-top:24px}