* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; background: #0b0f19; color: #e6e7ea; }
.container { max-width: 720px; margin: 40px auto; padding: 0 16px; }
h1 { font-size: 28px; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 0 0 12px; }
.muted { color: #9aa0aa; }
.card { background: #12182a; border: 1px solid #1b2340; border-radius: 14px; padding: 16px; margin: 16px 0; box-shadow: 0 6px 24px rgba(0,0,0,0.3); }
.row { display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center; margin: 10px 0; }
input, select { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid #2a355f; background: #0f1424; color: #e6e7ea; }
button { padding: 10px 14px; border: 0; border-radius: 10px; background: #5566ff; color: white; cursor: pointer; }
button:hover { filter: brightness(1.1); }
.result { background: #0f1424; border: 1px solid #2a355f; min-height: 60px; padding: 10px; border-radius: 10px; white-space: pre-wrap; }
footer { margin-top: 24px; font-size: 14px; }