/* ishowroom-public-branding:start */
:root { --bg: #faf8f5; --card: #ffffff; --primary: #1a1a1a; --primary-hover: #333333; --radius: 10px; }
body { background: var(--bg); }
.container.wrap { max-width: 520px; margin: 40px auto; padding: 24px 16px; }
.container.wrap .card, .container.wrap form { background: var(--card); border: 1px solid #e5e2de; border-radius: var(--radius); box-shadow: 0 1px 3px rgba(0,0,0,0.06); padding: 28px; }
.header { margin-bottom: 20px; }
.header .logo a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #111; font-weight: 600; }
.header .logo img { width: 44px; height: 44px; border-radius: 8px; }
.header .logo a::after { content: "iShowroom"; font-size: 18px; letter-spacing: 0.2px; }
.button, button[type=submit], input[type=submit] { background: var(--primary); color: #fff; border-radius: 8px; padding: 10px 18px; border: none; font-weight: 500; cursor: pointer; }
.button:hover, button[type=submit]:hover { background: var(--primary-hover); }
:focus-visible { outline: 2px solid #6b6b6b; outline-offset: 2px; }
footer.container { margin-top: 24px; padding: 16px; text-align: center; color: #8a8680; font-size: 12px; }
@media (max-width: 560px) { .container.wrap { margin: 16px auto; padding: 18px 16px; } .container.wrap .card, .container.wrap form { padding: 18px; } }
/* ishowroom-public-branding:end */