{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f9fafb; margin: 0; padding: 20px; display: flex; justify-content: center; } .container { max-width: 480px; background: white; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); padding: 30px 25px; display: flex; flex-direction: column; gap: 18px; } h1 { font-size: 24px; color: #1f2937; margin-bottom: 6px; } p.subtitle { color: #4b5563; font-size: 16px; margin-top: 0; margin-bottom: 24px; } .chat { display: flex; flex-direction: column; gap: 14px; max-height: 360px; overflow-y: auto; margin-bottom: 20px; } .message { max-width: 75%; padding: 14px 18px; border-radius: 14px; line-height: 1.3; font-size: 15px; } .message.ai { background: #eef2ff; color: #1e40af; align-self: flex-start; position: relative; } .typing-indicator { width: 50px; height: 18px; background: #c7d2fe; border-radius: 10px; position: relative; margin-left: 5px; display: inline-block; } .typing-indicator span { position: absolute; background: #6366f1; width: 8px; height: 8px; border-radius: 50%; animation: blink 1.4s infinite ease-in-out both; top: 5px; } .typing-indicator span:nth-child(1) { left: 8px; animation-delay: 0s; } .typing-indicator span:nth-child(2) { left: 20px; animation-delay: 0.2s; } .typing-indicator span:nth-child(3) { left: 32px; animation-delay: 0.4s; } @keyframes blink { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } } .message.user { background: #dcfce7; color: #166534; align-self: flex-end; } .options { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; } button.option-btn { padding: 12px; font-size: 16px; border: none; border-radius: 12px; cursor: pointer; background: #4f46e5; color: white; transition: background-color 0.3s ease; } button.option-btn:hover { background: #4338ca; } a.cta { display: block; background: #22c55e; color: white; text-align: center; padding: 14px 0; border-radius: 12px; font-weight: 600; font-size: 17px; text-decoration: none; margin-top: 12px; box-shadow: 0 6px 12px rgba(34,197,94,0.45); transition: background-color 0.3s ease; } a.cta:hover { background: #16a34a; } .countdown { margin-top: 28px; text-align: center; font-weight: 700; color: #dc2626; font-size: 20px; user-select: none; } .testimonials { margin-top: 30px; background: #ecfdf5; border-radius: 16px; padding: 20px 18px; color: #065f46; } .testimonial-item { background: #d1fae5; padding: 14px 18px; border-radius: 12px; margin-bottom: 14px; font-size: 15px; box-shadow: inset 0 0 8px #a7f3d0; } .testimonial-item:last-child { margin-bottom: 0; } .testimonial-author { font-weight: 700; margin-bottom: 6px; } footer { margin-top: 30px; text-align: center; font-size: 13px; color: #9ca3af; user-select: none; }