* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; background: #0b1020; color: #f3f6ff; }
.page { max-width: 1100px; margin: 0 auto; padding: 24px; }
.hero, .card { background: #151c33; border: 1px solid #283250; border-radius: 16px; padding: 20px; }
.hero { display: flex; justify-content: space-between; gap: 16px; align-items: start; margin-bottom: 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; margin-bottom: 20px; }
.card { margin-bottom: 20px; }
h1, h2 { margin-top: 0; }
label { display: block; margin-bottom: 14px; font-weight: 600; }
input, textarea, button { width: 100%; margin-top: 6px; border-radius: 10px; border: 1px solid #42507a; padding: 12px; font: inherit; }
input, textarea { background: #0d1326; color: #f3f6ff; }
button { cursor: pointer; background: #3b82f6; color: white; font-weight: 700; }
pre { white-space: pre-wrap; word-break: break-word; background: #0d1326; border: 1px solid #283250; border-radius: 12px; padding: 14px; min-height: 72px; }