@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #25d366;--green-dark: #075e54;--green-mid: #128c7e;--bubble-out: #dcf8c6;--bubble-in: #ffffff;--bg: #ece5dd;--surface: #ffffff;--text: #111b21;--text-sec: #667781;--border: #e9edef;--danger: #ea4335;--radius: 18px;--header-h: 56px;--input-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}html,body{height:100%;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.w-full{width:100%}.text-sec{color:var(--text-sec);font-size:13px}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mt-auto{margin-top:auto}app-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.page-header{display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--header-h);padding-top:var(--safe-top);height:calc(var(--header-h) + var(--safe-top));background:var(--green-dark);color:#fff;flex-shrink:0;z-index:10}.page-header h1{font-size:18px;font-weight:600;flex:1}.page-header .back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;margin-left:-8px;font-size:20px;line-height:1;-webkit-tap-highlight-color:transparent}.page-header .icon-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;font-size:20px;line-height:1;transition:background .15s;-webkit-tap-highlight-color:transparent}.page-header .icon-btn:active{background:#ffffff26}.conn-banner{background:#f0a500;color:#fff;text-align:center;font-size:13px;padding:6px 12px;flex-shrink:0}.field-group{display:flex;flex-direction:column;gap:4px}.field-group label{font-size:13px;font-weight:600;color:var(--text-sec);text-transform:uppercase;letter-spacing:.04em}.field-group input[type=text],.field-group input[type=email],.field-group input[type=tel],.field-group textarea{padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s;width:100%}.field-group input[type=text]:focus,.field-group input[type=email]:focus,.field-group input[type=tel]:focus,.field-group textarea:focus{border-color:var(--green-mid)}.field-group input[type=text]::placeholder,.field-group input[type=email]::placeholder,.field-group input[type=tel]::placeholder,.field-group textarea::placeholder{color:#aab7bf}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--green);color:#fff;width:100%}.btn.btn-ghost{background:transparent;color:var(--green-mid)}.error-msg{color:var(--danger);font-size:14px;padding:10px 14px;background:#fce8e6;border-radius:8px}