:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:#f6f7fb;color:#1f2430}*{box-sizing:border-box}body{margin:0;padding:0;background:#f6f7fb}.page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.hero{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;margin-bottom:32px}.brand{display:flex;gap:16px;align-items:center;margin-bottom:12px}.brand-logo{width:64px;height:64px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;color:#6b7280;margin:0 0 8px}h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px}h2{margin:0 0 8px}.lede{font-size:16px;color:#4b5563;margin:0;line-height:1.6}.status-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 20px 60px #0f172a14}main{display:grid;gap:24px}.card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f172a0f}.card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.card-header p{margin:0;color:#6b7280;font-size:14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px}.field span{font-weight:600;color:#374151}input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;font-family:inherit;resize:vertical}button{background:#1d4ed8;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1d4ed833}.result{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:12px;min-height:48px;white-space:pre-wrap;word-break:break-word}.result.error{background:#fee2e2;color:#991b1b}@media (max-width: 720px){.page{padding:24px 16px 48px}}
