*{margin:0;box-sizing:border-box}*,body{padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}.main-container{display:flex;height:100vh;width:100%;margin:0;padding:1% 2%;justify-content:center;align-items:flex-start}.chat-container{width:100%;max-width:none;background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.15);overflow:hidden;display:flex;flex-direction:column;height:98vh;position:relative}.chat-header{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:24px;text-align:center;position:relative}.chat-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>')}.chat-header h1{font-size:28px;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.chat-header p{font-size:16px;opacity:.9;position:relative;z-index:1}.chat-messages{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#f8f9fa,#fff);scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.message{margin-bottom:20px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.bot{display:flex;align-items:flex-start;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.message-content{background:#fff;padding:16px 20px;border-radius:18px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:85%;position:relative}.message.bot .message-content:before{content:"";position:absolute;left:-8px;top:16px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff}.progress-text{font-size:14px;color:#666;margin-bottom:8px}.progress-bar{height:4px;background:#e1e5e9;border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease;border-radius:2px}.question{display:none}.form-group{margin-bottom:20px}label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:15px}input,select,textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.date-input-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.travelers-input{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:12px 16px}.travelers-input button{width:32px;height:32px;border:none;border-radius:50%;background:#f8f9fa;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.travelers-input button:hover{background:#e9ecef}.travelers-input span{font-weight:600;min-width:20px;text-align:center}.location-search-container{position:relative;margin-bottom:16px}.location-suggestions{z-index:1000}.location-suggestion{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.location-suggestion .suggestion-tag{font-size:11px;color:#888;margin-left:8px;background:#eef2ff;padding:2px 6px;border-radius:6px}.location-suggestion:hover{background-color:#f8f9ff}.checkbox-container{display:flex;align-items:center;gap:8px;margin-top:8px}.custom-checkbox{width:18px;height:18px;border:2px solid #e1e5e9;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff}.custom-checkbox.checked{background:#667eea;border-color:#667eea;color:#fff}.checkbox-label{font-size:14px;color:#666}.interests-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.interest-category{border:2px solid #e1e5e9;border-radius:16px;overflow:hidden;transition:all .3s ease}.interest-category.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2)}.interest-header{padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:600;background:#fff;transition:all .3s ease}.interest-category.selected .interest-header{background:transparent;color:#fff}.subcategories{display:none;padding:16px 20px;background:hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.2)}.interest-category.selected .subcategories{display:block}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.subcategory-item{padding:8px 12px;background:hsla(0,0%,100%,.2);border-radius:8px;font-size:14px;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.subcategory-item:hover{background:hsla(0,0%,100%,.3)}.subcategory-item.selected{background:#fff;color:#667eea;font-weight:600}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.option-card{padding:16px;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;background:#fff}.option-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.option-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.option-card .emoji{font-size:24px;margin-bottom:8px}.slider-container{margin:20px 0;position:relative}.custom-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,#87ceeb 0,#4682b4);outline:none;-webkit-appearance:none;cursor:pointer;margin:20px 0}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:24px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transition:all .2s ease;transition:all .2s ease}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(102,126,234,.4)}.custom-slider::-moz-range-thumb{width:32px;height:24px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);-moz-transition:all .2s ease;transition:all .2s ease}.custom-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(102,126,234,.4)}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#666}.style-display{text-align:center;font-size:18px;font-weight:600;color:#667eea;padding:8px 16px;background:rgba(102,126,234,.1);border-radius:8px;min-width:300px;margin:12px auto 0}.accommodation-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.accommodation-option{border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;overflow:hidden}.accommodation-option.selected,.accommodation-option:hover{border-color:#667eea;background:#f8f9ff}.accommodation-header{padding:16px;display:flex;align-items:center;gap:12px;min-height:60px}.accommodation-option.selected .accommodation-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.accommodation-option .emoji{font-size:20px;flex-shrink:0}.accommodation-title{flex:1;font-weight:600;font-size:16px}.accommodation-option.selected .accommodation-title{color:#fff;font-weight:700}.accommodation-description{padding:0 16px 16px;margin-top:8px;font-size:14px;color:#555;display:none;animation:slideDown .3s ease-out;font-weight:400}.accommodation-option.selected .accommodation-description{display:block;color:#000;font-weight:400}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:100px;padding-top:8px;padding-bottom:16px}}.navigation{padding:24px;background:#fff;border-top:1px solid #e1e5e9;justify-content:space-between}.btn,.navigation{display:flex;align-items:center}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.btn-secondary{background:#f8f9fa;color:#666;border:2px solid #e1e5e9}.btn-secondary:hover{background:#e9ecef}.btn:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;align-items:center;gap:8px;color:#666;font-style:italic}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width:1024px){body{padding:0}.main-container{flex-direction:column;height:100vh;padding:1% 2%;margin:0}.chat-container{width:100%;height:98vh;position:relative;border-radius:20px;display:flex;flex-direction:column}.chat-header{padding:20px;text-align:center;border-radius:20px 20px 0 0}.chat-header h1{font-size:24px;margin-bottom:6px}.chat-header p{font-size:14px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#f8f9fa,#fff);padding:20px 20px 120px}.navigation{position:fixed;bottom:0;left:2%;right:2%;z-index:1000;background:#fff;border-top:1px solid #e1e5e9;box-shadow:0 -8px 32px rgba(0,0,0,.15);padding:16px 20px;border-radius:20px 20px 0 0;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.message.bot{justify-content:center}.message-content{width:100%;max-width:none;border-radius:16px;padding:18px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.btn{padding:14px 28px;border-radius:16px;font-size:16px;font-weight:700;min-height:52px;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px rgba(102,126,234,.3)}.btn-secondary{background:#f8f9fa;border:2px solid #e9ecef;box-shadow:0 2px 12px rgba(0,0,0,.08)}}.date-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;color:#666;background:#fff;transition:all .3s ease}.date-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.date-input::-moz-placeholder{color:#9ca3af}.date-input::placeholder{color:#9ca3af}.age-select{margin-top:12px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;color:#6b7280;background:#fff;cursor:pointer;transition:all .3s ease;width:100%}.age-select:focus{border-color:#667eea;outline:none;color:#374151}.age-select option{color:#374151}.checkbox-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){.main-container{padding:.5% 2%}.chat-container{border-radius:16px;height:99vh}.chat-header{padding:16px;border-radius:16px 16px 0 0}.chat-header h1{font-size:20px}.chat-messages{padding:16px 16px 130px}.navigation{left:2%;right:2%;padding:12px 16px;border-radius:16px 16px 0 0}.date-input-group,.options-grid{grid-template-columns:1fr;gap:8px}.subcategories-grid{grid-template-columns:1fr}.form-group{margin-bottom:16px}input,select,textarea{padding:14px 16px;border-radius:12px;font-size:16px;border:2px solid #e9ecef}.travelers-input{padding:14px 16px;border-radius:12px}.btn{padding:16px 24px;min-height:56px;font-size:16px;border-radius:14px}.question{overflow-y:visible;max-height:none}}.transport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.flip-card-container{perspective:1000px;height:120px}.flip-card{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.1)}.flip-card-front{background:#fff;color:#333;border:2px solid #e1e5e9;cursor:pointer;transition:all .3s ease}.flip-card-front:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:#007bff}.flip-card.flipped .flip-card-front{border-color:#0056b3}.flip-card-back,.flip-card.flipped .flip-card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.flip-card-back{transform:rotateY(180deg);padding:12px}.flip-back-header{justify-content:space-between;margin-bottom:12px;width:100%}.close-flip,.flip-back-header{display:flex;align-items:center}.close-flip{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;justify-content:center;transition:background-color .2s}.close-flip:hover{background:hsla(0,0%,100%,.3)}.flip-options{display:flex;flex-direction:column;gap:8px;width:100%}.flip-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:12px}.flip-option:hover{background:hsla(0,0%,100%,.2)}.flip-option.selected{background:hsla(0,0%,100%,.3);transform:scale(1.02)}.option-circle{width:12px;height:12px;border:2px solid #fff;border-radius:50%;position:relative}.flip-option.selected .option-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}@media (max-width:768px){.transport-grid{grid-template-columns:repeat(2,1fr);gap:12px}.flip-card-container{height:120px}.flip-card-back{padding:8px}.flip-back-header{margin-bottom:8px;font-size:14px}.flip-options{gap:4px}.flip-option{font-size:12px;padding:8px 6px;min-height:32px;display:flex;align-items:center;justify-content:flex-start;text-align:left;overflow:hidden;text-overflow:ellipsis}.flip-option,.flip-option div{white-space:nowrap}}.interests-container{display:flex;flex-direction:column;gap:20px}.interest-category-row{display:flex;flex-direction:column;gap:12px}.category-header{width:100%;padding:12px 16px;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left;font-size:16px}.category-header:hover{background-color:#e9ecef;border-color:#adb5bd}.category-header.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#0056b3}.chips-row{flex-wrap:wrap;gap:8px;justify-content:flex-start}.chips-row,.interest-chip{display:flex;align-items:center}.interest-chip{padding:6px 12px;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;white-space:nowrap;gap:4px}.interest-chip:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.interest-chip.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#0056b3;box-shadow:0 2px 8px rgba(102,126,234,.3)}@media (max-width:480px){.main-container{padding:0 1.5%}.chat-container{border-radius:12px;height:100vh}.chat-header{padding:12px;border-radius:12px 12px 0 0}.chat-header h1{font-size:18px}.chat-messages{padding:12px 12px 140px}.navigation{left:1.5%;right:1.5%;padding:10px 12px;border-radius:12px 12px 0 0}.btn{padding:18px 20px;min-height:60px;font-size:15px;border-radius:12px}}@media (max-width:768px){.interest-chip{font-size:13px;padding:8px 12px;white-space:nowrap;border-radius:16px;max-width:none;flex:0 0 auto}.chips-row{justify-content:flex-start;gap:8px;flex-wrap:wrap}.category-header{font-size:15px;padding:12px 16px;border-radius:12px}.interest-category-row{margin-bottom:16px}}.question.active{display:block;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group,.interests-container{overflow-x:visible;overflow-y:visible}.question{max-height:none}.accommodation-grid,.chips-row,.form-group,.interest-category-row,.options-grid,.question,.transport-grid{overflow:visible}.form-group{position:relative}.date-input-group,.location-search-container,.travelers-input{overflow:visible}.location-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e5e9;border-top:none;border-radius:0 0 12px 12px;max-height:200px;overflow-y:auto;z-index:1001;display:none}@media (max-width:768px){.custom-checkbox{width:24px;height:24px;border-radius:6px}.checkbox-label{font-size:15px;line-height:1.4}.travelers-input button{width:40px;height:40px;font-size:18px}.option-card{padding:20px;border-radius:16px;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.option-card .emoji{font-size:28px;margin-bottom:8px}}