:root{--bg: #f4f6f8;--panel: #ffffff ;--brand: #0E2050;--accent: #EF7C00;--text: #0E2050;--muted: #6b7280;--border: #e5e7eb;--assistant: #f1f3f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app__header{padding:20px 24px;border-bottom:1px solid var(--border);background:var(--panel)}.app__brand{font-weight:700;color:var(--brand);font-size:18px}.app__subtitle{color:var(--muted);font-size:14px}.app__main{flex:1;display:flex;padding:16px}.chat{flex:1;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.chat__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:360px}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.bubble--assistant{align-self:flex-start;background:var(--assistant);border-bottom-left-radius:4px}.bubble--user{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}.chat__typing{color:var(--muted);font-style:italic}.gate{margin:auto;padding:32px 28px;max-width:400px;text-align:center}.gate__title{font-weight:700;color:var(--brand);font-size:18px;margin-bottom:8px}.gate__text{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px}.gate__row{display:flex;gap:8px}.gate__row input{flex:1;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;outline:none}.gate__row input:focus{border-color:var(--brand)}.gate__row button{border:none;background:var(--accent);color:#fff;padding:0 18px;border-radius:10px;font-weight:600;cursor:pointer}.gate__row button:disabled{opacity:.5;cursor:not-allowed}.gate__error{color:#b42318;font-size:13.5px;margin:12px 0 0}.chat__composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat__composer textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;outline:none}.chat__composer textarea:focus{border-color:var(--brand)}.chat__composer button{border:none;background:var(--accent);color:#fff;padding:0 18px;border-radius:10px;font-weight:600;cursor:pointer}.chat__composer button:disabled{opacity:.5;cursor:not-allowed}.app__header{position:relative}.faq{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.faq__toggle{display:inline-flex;align-items:center;gap:6px;background:var(--panel);color:var(--brand);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.faq__toggle:hover{border-color:var(--accent);color:var(--accent)}.faq__panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-width:calc(100vw - 40px);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #00000024;padding:14px 16px 16px;z-index:50}.faq__panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.faq__panel-title{font-weight:700;color:var(--brand);font-size:15px}.faq__close{background:none;border:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}.faq__close:hover{color:var(--text)}.faq__item{border-top:1px solid var(--border);padding:8px 0}.faq__item summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq__item summary:after{content:"+";color:var(--accent);font-weight:700;margin-left:8px}.faq__item[open] summary:after{content:"–"}.faq__item summary::-webkit-details-marker{display:none}.faq__item p{margin:8px 0 2px;font-size:13.5px;line-height:1.5;color:var(--muted)}
