:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
body { margin: 0; background: #f5f7fb; color: #0f172a; line-height: 1.7; }
.brk-hero .container,
.brk-main .container { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
.brk-hero { background: linear-gradient(120deg, #f43f5e, #0ea5e9); color: #fff; padding: 48px 0; text-align: center; }
.brk-main { padding: 36px 0 52px; }
.brk-tool-card,
.brk-info { background: #fff; border-radius: 20px; padding: 24px; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08); }
.brk-form { display: flex; flex-direction: column; gap: 12px; margin: 16px 0; }
.brk-form input { border-radius: 12px; border: 1px solid #fecdd3; padding: 10px 12px; font-size: 1rem; }
.brk-form button { border: none; border-radius: 999px; padding: 12px; font-weight: 600; cursor: pointer; background: #f43f5e; color: #fff; }
.brk-results { border: 1px solid #fecdd3; border-radius: 18px; padding: 16px; background: #fff7fb; }