:root{font-family:Arial,sans-serif;color:#f4f7ff;background:#070a12}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#14213d 0,#070a12 55%)}
.app{width:min(960px,100%);margin:auto;padding:24px}
.hero{padding:40px 0 24px}
.eyebrow{font-size:12px;letter-spacing:3px;opacity:.65}
h1{font-size:clamp(38px,9vw,72px);margin:10px 0}
p{line-height:1.6;opacity:.78}
.console,.features{border:1px solid #26314a;border-radius:20px;padding:20px;margin-top:18px;background:rgba(10,15,27,.82)}
label{display:block;margin-bottom:10px;font-weight:700}
textarea{width:100%;min-height:130px;border:1px solid #303b55;border-radius:14px;background:#080d18;color:#fff;padding:15px;resize:vertical;font:inherit}
button{width:100%;margin-top:12px;padding:15px;border:0;border-radius:14px;background:#fff;color:#080b12;font-weight:800;font-size:16px}
.pipeline{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.pipeline span{font-size:11px;padding:7px 9px;border:1px solid #303b55;border-radius:999px;opacity:.75}
.answer{min-height:100px;padding:16px;border-radius:14px;background:#080d18;line-height:1.6}
.score{margin-top:12px;font-weight:800}
@media(max-width:600px){.app{padding:16px}.hero{padding-top:25px}}