@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ll-color-primary:#1a73e8;--ll-color-secondary:#0d47a1;--ll-color-background:#f0f4f8;--ll-color-text-primary:#1a1a2e;--ll-color-text-secondary:#5a6577;--ll-font-heading:"Inter", sans-serif;--ll-font-body:"Inter", sans-serif;--ll-color-option:#e8f0fe;--ll-radius:18px;--ll-shadow:0 4px 24px #1a73e81a;--ll-shadow-lg:0 8px 40px #1a73e826}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ll-font-body);background:var(--ll-color-background);color:var(--ll-color-text-primary);flex-direction:column;align-items:center;min-height:100vh;display:flex}#root{flex-direction:column;align-items:center;width:100%;display:flex}.top-bar{background:var(--ll-color-primary);text-align:center;width:100%;max-width:700px;padding:10px 20px}.top-bar-text{color:#ffffffd9;letter-spacing:.3px;font-size:.8rem;font-weight:500}.header-section{text-align:center;background:#1a73e8;width:100%;max-width:700px;padding:16px 20px 0;position:relative;overflow:hidden}.header-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;display:inline-flex}.header-badge-text{color:#fff;font-size:.82rem;font-weight:600}.header-title{color:#fff;font-family:var(--ll-font-heading);max-width:700px;margin:0 auto 16px;font-size:2rem;font-weight:800;line-height:1.2}.header-subtitle{color:#ffffffd9;max-width:600px;margin:0 auto;padding-bottom:30px;font-size:1rem;line-height:1.6}.chat-wrapper{z-index:2;flex:1;width:100%;margin-top:0;padding:0;position:relative}.chat-container{box-shadow:var(--ll-shadow-lg);background:#fff;border-radius:0 0 20px 20px;max-width:700px;min-height:350px;margin:0 auto;padding:24px 20px;position:relative;overflow:hidden}.chat-container:before{content:"";background:linear-gradient(90deg, var(--ll-color-primary), #4fc3f7, var(--ll-color-primary));background-size:200% 100%;height:4px;animation:3s infinite shimmer;position:absolute;top:0;left:0;right:0}.chat-header{border-bottom:1px solid #e8ecf1;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.chat-header-avatar{object-fit:cover;border:2px solid var(--ll-color-primary);border-radius:50%;width:44px;height:44px;padding:2px}.chat-header-info{flex-direction:column;display:flex}.chat-header-name{color:var(--ll-color-text-primary);font-size:.95rem;font-weight:700}.chat-header-status{color:#34a853;align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:flex}.status-dot{background:#34a853;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;display:inline-block}.messages-area{flex-direction:column;gap:12px;display:flex}.msg-row{opacity:0;align-items:flex-end;gap:8px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(12px)}.msg-row.visible{opacity:1;transform:translateY(0)}.msg-row.agent{flex-direction:row}.msg-row.user{flex-direction:row-reverse}.msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.msg-bubble{max-width:80%;padding:12px 16px;font-size:.92rem;line-height:1.5}.msg-row.agent .msg-bubble{color:var(--ll-color-text-primary);border-radius:var(--ll-radius) var(--ll-radius) var(--ll-radius) 4px;background:#f1f3f5}.msg-row.user .msg-bubble{background:linear-gradient(135deg, var(--ll-color-primary), #4285f4);color:#fff;border-radius:var(--ll-radius) var(--ll-radius) 4px var(--ll-radius);box-shadow:0 2px 12px #1a73e84d}.typing-row{align-items:flex-end;gap:8px;display:none}.typing-row.visible{display:flex}.typing-bubble{border-radius:var(--ll-radius) var(--ll-radius) var(--ll-radius) 4px;background:#f1f3f5;align-items:center;gap:5px;padding:14px 20px;display:flex}.typing-dot{background:#adb5bd;border-radius:50%;width:8px;height:8px;animation:1.4s infinite bounce-dot;display:inline-block}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.options-row{flex-wrap:wrap;gap:8px;margin-top:4px;padding-left:40px;display:none}.options-row.visible{display:flex}.option-btn{background:var(--ll-color-option);color:var(--ll-color-primary);cursor:pointer;border:2px solid #0000;border-radius:50px;padding:10px 22px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.option-btn:hover{background:var(--ll-color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #1a73e84d}.option-btn:active{transform:translateY(0)}.cta-section{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding:20px;display:none}.cta-section.visible{display:flex}.cta-congrats{align-items:center;gap:8px;display:flex}.cta-congrats-text{color:#2e7d32;font-size:1.1rem;font-weight:700}.cta-description{color:var(--ll-color-text-secondary);text-align:center;max-width:400px;font-size:.9rem;line-height:1.6}.cta-phone-btn{color:#fff;background:linear-gradient(135deg,#34a853,#2e7d32);border-radius:60px;align-items:center;gap:10px;padding:16px 36px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .3s;animation:2s infinite pulse-cta;display:inline-flex;box-shadow:0 6px 24px #2e7d3259}.cta-phone-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 32px #2e7d3273}.cta-tty{color:var(--ll-color-text-secondary);font-size:.78rem}.disqualified-section{background:linear-gradient(135deg,#fff3e0,#fbe9e7);border:1px solid #ffccbc;border-radius:16px;flex-direction:column;align-items:center;gap:14px;margin-top:16px;padding:24px 20px;display:none}.disqualified-section.visible{display:flex}.dq-headline{font-family:var(--ll-font-heading);color:#bf360c;text-align:center;font-size:1.15rem;font-weight:700}.dq-body{color:var(--ll-color-text-secondary);text-align:center;max-width:420px;font-size:.9rem;line-height:1.6}.dq-call-prompt{color:var(--ll-color-text-primary);text-align:center;font-size:.88rem;font-weight:600}.dq-phone-btn{color:#fff;background:linear-gradient(135deg,#e65100,#bf360c);border-radius:60px;align-items:center;gap:10px;padding:14px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;animation:2s infinite pulse-dq;display:inline-flex;box-shadow:0 6px 24px #bf360c4d}.dq-phone-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 32px #bf360c73}.dq-tty{color:var(--ll-color-text-secondary);font-size:.78rem}.footer-area{text-align:center;width:100%;max-width:700px;padding:30px 20px 40px}.footer-disclaimer-box{color:var(--ll-color-text-secondary);text-align:center;background:#fff;border:1px solid #dce1e8;border-radius:10px;margin-bottom:20px;padding:16px 20px;font-size:.82rem;line-height:1.6}.footer-ad-text{color:var(--ll-color-text-secondary);margin-bottom:4px;font-size:.82rem;font-weight:600}.footer-plan-id{color:var(--ll-color-text-secondary);margin-bottom:20px;font-size:.78rem;font-weight:500}.footer-divider{background:#dce1e8;border:none;width:60px;height:2px;margin:0 auto 20px}.footer-links{justify-content:center;align-items:center;gap:6px;margin-bottom:8px;display:flex}.footer-link{color:var(--ll-color-primary);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--ll-color-secondary);text-decoration:underline}.footer-separator{color:#ccc;font-size:.8rem}.footer-copyright{color:#aaa;margin-bottom:16px;font-size:.78rem}.footer-disclosures{color:#999;max-width:650px;margin:0 auto;font-size:.72rem;line-height:1.7}.footer-disclosures-label{color:#777;margin-bottom:6px;font-size:.74rem;font-weight:700;display:block}@keyframes pulse-dq{0%,to{box-shadow:0 6px 24px #bf360c4d}50%{box-shadow:0 6px 32px #bf360c80}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes bounce-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes pulse-cta{0%,to{box-shadow:0 6px 24px #2e7d3259}50%{box-shadow:0 6px 32px #2e7d328c}}@media (width>=576px){.header-title{font-size:2.4rem}.header-subtitle{font-size:1.05rem}.chat-container{padding:28px 40px}}@media (width>=1024px){.header-title{font-size:2.6rem}.header-section{padding:20px 20px 0}}@media (width<=400px){.header-title{font-size:1.55rem}.option-btn{padding:8px 16px;font-size:.82rem}.cta-phone-btn{padding:14px 28px;font-size:1rem}}
