:root,[data-theme=light]{--color-page-bg:#f7f6f2;--color-card-bg:#fff;--color-card-border:none;--card-shadow:0 12px 32px #075e5424;--color-ink-primary:#075e54;--color-ink-muted:#075e548c;--color-text-body:#12241f;--color-placeholder:#12241f59;--color-footer-muted:#12241f66;--color-input-bg:#fff;--color-input-border:1.5px solid #075e5424;--color-divider:1.5px solid #075e541f;--color-accent:#25d366;--color-cta-text:#fff;--cta-shadow:0 8px 20px #25d36659;--color-error:#e53935;--color-surface-elevated:#fff;--color-toggle-bg:#075e5414;--color-toggle-border:#075e542e;--color-option-hover:#25d3661a}[data-theme=dark]{--color-page-bg:#0b2420;--color-card-bg:transparent;--color-card-border:1px solid #25d3662e;--card-shadow:none;--color-ink-primary:#f2fbf6;--color-ink-muted:#f2fbf68c;--color-text-body:#f2fbf6;--color-placeholder:#f2fbf659;--color-footer-muted:#f2fbf659;--color-input-bg:#ffffff0a;--color-input-border:1.5px solid #25d36640;--color-divider:1.5px solid #25d36633;--color-accent:#25d366;--color-cta-text:#06231d;--cta-shadow:0 8px 24px #25d36666;--color-error:#ff6b6b;--color-surface-elevated:#0f332c;--color-toggle-bg:#f2fbf614;--color-toggle-border:#f2fbf62e;--color-option-hover:#25d36629}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#25d36659;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#25d3668c}.app-page{background:var(--color-page-bg);width:100%;min-height:100dvh;color:var(--color-text-body);justify-content:center;align-items:center;padding:24px 20px;transition:background-color .2s,color .2s;display:flex}@media (width<=380px){.app-page{padding:16px 12px}}.app-card{background:var(--color-card-bg);border:var(--color-card-border);width:100%;max-width:400px;box-shadow:var(--card-shadow);border-radius:20px;padding:32px 24px;position:relative}@media (width<=380px){.app-card{padding:24px 16px}}.app-header{text-align:center;margin-bottom:28px}.app-logo{width:66px;height:66px;margin:0 auto 18px;display:block}.logo-bubble,.logo-tail{fill:#25d366;stroke:none;transition:fill .2s,stroke .2s}.logo-head,.logo-shoulders{fill:#f7fbf8;transition:fill .2s}[data-theme=dark] .app-logo{filter:drop-shadow(0 0 10px #25d3668c)}[data-theme=dark] .logo-bubble,[data-theme=dark] .logo-tail{fill:none;stroke:#25d366;stroke-width:4px;stroke-linejoin:round}[data-theme=dark] .logo-head,[data-theme=dark] .logo-shoulders{fill:#25d366}.app-title{color:var(--color-ink-primary);margin:0;font-size:26px;font-weight:800}@media (width>=640px){.app-title{font-size:28px}}.app-subtitle{color:var(--color-ink-muted);margin:6px 0 0;font-size:14px;font-weight:600}.app-form{margin-top:4px}.app-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.app-input-row{border:var(--color-input-border);background:var(--color-input-bg);border-radius:14px;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:visible}.app-input-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #25d36626}.app-phone-input{min-width:0;min-height:44px;color:var(--color-text-body);background:0 0;border:none;border-radius:0 14px 14px 0;outline:none;flex:1;padding:14px 16px;font-family:inherit;font-size:16px}.app-phone-input::placeholder{color:var(--color-placeholder)}.app-phone-input:disabled{cursor:not-allowed;opacity:.6}.app-error{color:var(--color-error);margin:8px 0 0;font-size:12px}.app-disclaimer{text-align:center;color:var(--color-footer-muted);margin:16px 0 0;font-size:12px}.chat-button{width:100%;min-height:44px;color:var(--color-cta-text);background:var(--color-accent);box-shadow:var(--cta-shadow);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;margin-top:24px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .15s,opacity .15s;display:flex}.chat-button:hover:not(.chat-button--disabled){transform:translateY(-1px)}.chat-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chat-button--disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.chat-button--disabled:hover{transform:none}.country-trigger{border:none;border-right:var(--color-divider);cursor:default;background:0 0;border-radius:14px 0 0 14px;justify-content:space-between;align-items:center;gap:6px;height:100%;min-height:44px;padding:12px 10px 12px 14px;font-family:inherit;display:flex}.country-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.country-trigger--disabled{opacity:.6;cursor:not-allowed}.country-trigger-prefix{color:var(--color-text-body);font-size:14px;font-weight:600}.country-trigger-placeholder{color:var(--color-placeholder);font-size:14px}.country-chevron{color:var(--color-ink-muted)}.country-dropdown{z-index:20;background:var(--color-surface-elevated);border:var(--color-input-border);border-radius:12px;width:288px;max-width:calc(100vw - 40px);max-height:240px;margin-top:6px;padding:4px 0;position:absolute;overflow:auto;box-shadow:0 12px 28px #075e542e}.country-option{cursor:default;color:var(--color-text-body);align-items:center;padding:10px 36px 10px 14px;font-size:14px;display:flex;position:relative}.country-option:hover{background:var(--color-option-hover)}.country-option-check{color:var(--color-accent);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.theme-toggle-button{top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));background:var(--color-toggle-bg);border:1px solid var(--color-toggle-border);width:34px;height:34px;color:var(--color-ink-primary);opacity:.6;cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:opacity .15s,background-color .2s,border-color .2s;display:flex;position:fixed}.theme-toggle-button:hover,.theme-toggle-button:focus-visible{opacity:1}.theme-toggle-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=380px){.theme-toggle-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}}