:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:#f4f5f7;margin:0}#root{min-height:100svh}.page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:2rem;box-shadow:0 4px 24px #00000014}h1{margin:0 0 .25rem;font-size:1.5rem}.subtitle{color:#666;margin:0 0 1.5rem;font-size:.9rem}.bitrix-banner{color:#1b5fb0;background:#eaf3ff;border-radius:8px;margin-bottom:1.25rem;padding:.5rem .75rem;font-size:.85rem}form{flex-direction:column;gap:1rem;display:flex}label{color:#333;flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input,textarea{font:inherit;resize:vertical;border:1px solid #ccc;border-radius:8px;padding:.55rem .7rem}input:focus,textarea:focus{border-color:#1b5fb0;outline:none}button{font:inherit;cursor:pointer;color:#fff;background:#1b5fb0;border:none;border-radius:8px;padding:.65rem 1rem;font-weight:600}button:hover{background:#164a8c}.success{text-align:center;flex-direction:column;gap:1rem;display:flex}
