frontend/src/style.css

*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#08090c;color:#f3f4f6}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(860px,100%);background:#12141a;border:1px solid #292d37;border-radius:24px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.eyebrow{opacity:.65;font-size:13px}h1{font-size:52px;margin:8px 0}.sub{color:#b7bcc7;line-height:1.6}button{border:0;border-radius:12px;padding:14px 18px;font-weight:700;cursor:pointer}.row{display:flex;gap:10px;margin-top:16px}.row input{flex:1;min-width:0;border-radius:12px;border:1px solid #303540;background:#0d0f14;color:#fff;padding:14px}.result{margin-top:28px;padding-top:24px;border-top:1px solid #2a2e36}.meta{color:#9ea5b2;font-size:13px}article{border:1px solid #2c313b;border-radius:12px;padding:12px;margin-top:10px}article small{color:#858c99}article p{margin-bottom:0;line-height:1.5}