:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
body { margin: 0; background: #f5f7fb; color: #0f172a; line-height: 1.7; }
.rlc-hero .container,
.rlc-main .container { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
.rlc-hero { background: linear-gradient(120deg, #06b6d4, #9333ea); color: #fff; padding: 48px 0; text-align: center; }
.rlc-main { padding: 36px 0 52px; }
.rlc-tool-card,
.rlc-info { background: #fff; border-radius: 20px; padding: 24px; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08); }
.rlc-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 16px 0; }
.rlc-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
.rlc-form input { border-radius: 12px; border: 1px solid #d8b4fe; padding: 10px 12px; font-size: 1rem; }
.rlc-form button { grid-column: 1 / -1; border: none; border-radius: 999px; padding: 12px; font-weight: 600; cursor: pointer; background: #9333ea; color: #fff; }
.rlc-results { border: 1px solid #e8d5ff; border-radius: 18px; padding: 16px; background: #faf5ff; }