.travel-planner{min-height:100vh;padding:2rem;overflow-y:auto;background:linear-gradient(135deg,#43cea2,#185a9d)}@media (max-width: 991px){.travel-planner{padding-top:3.7rem}}@media (max-width: 767px){.travel-planner{padding-left:15px;padding-right:15px}}.travel-planner .container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}@media (max-width: 1024px){.travel-planner .container{max-width:700px}}@media (max-width: 767px){.travel-planner .container{width:100%;gap:1.5rem}}.travel-planner .container .title{font-size:2.5rem;font-weight:800;color:#1e3a8a;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.travel-planner .container .planner-form{background:#fff9;border:1px solid #e5e7eb;border-radius:2rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 12px #0000000d}@media (max-width: 767px){.travel-planner .container .planner-form{padding:1.3rem}}.travel-planner .container .planner-form .input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 767px){.travel-planner .container .planner-form .input-grid{gap:1rem}}@media (max-width: 768px){.travel-planner .container .planner-form .input-grid{grid-template-columns:1fr}}.travel-planner .container .planner-form .generate-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 6px 18px #0072ff66;border:0;color:#fff;font-size:1.125rem;font-weight:600;border-radius:40px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:opacity .3s ease}.travel-planner .container .planner-form .generate-btn:hover{background:linear-gradient(135deg,#0072ff,#00c6ff);box-shadow:0 8px 25px #0072ff99}.input-group{position:relative}.input-group .icon{position:absolute;left:.75rem;top:.9rem;color:#007bff}.input-group input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:30px;height:50px;font-size:1rem;outline:none}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.input-group.full-width{grid-column:span 2}@media (max-width: 768px){.input-group.full-width{grid-column:span 1}}.input-group .error-text{color:#ef4444;font-size:.76rem;margin-top:.25rem}.card{background:#fff9;border:1px solid #f3f4f6;border-radius:2rem;padding:2rem;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease}@media (max-width: 767px){.card{padding:1.5rem}}.card:hover{box-shadow:0 6px 16px #0000001a}.card h1,.card h2{font-size:1.3rem;font-weight:700;color:#000;margin-bottom:1rem}@media (max-width: 767px){.card h1,.card h2{font-size:1.2rem}}.card p,.card ul,.card a{color:#000}.card ul{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 1024px){.card ul{gap:.8rem}}@media (max-width: 768px){.card ul{grid-template-columns:1fr}}.card ul.list{display:list-item;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 768px){.card ul.list{grid-template-columns:1fr}}.card a{color:#000;font-size:.875rem;text-decoration:underline!important}.card a:hover{text-decoration:underline;color:#2563eb}.results .card p{margin-bottom:15px}@media (max-width: 767px){.results .card p{font-size:15px}}@media (max-width: 767px){.results .card ul li{font-size:15px}}.results{display:flex;flex-direction:column;gap:2rem}@media (max-width: 767px){.results{gap:1.2rem}}.results .actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.results .actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:40px;font-weight:600;cursor:pointer;transition:background .3s ease,color .3s ease}.results .actions button:nth-child(1){background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff}.results .actions button:nth-child(1):hover{background:linear-gradient(135deg,#a8e063,#56ab2f)}.results .actions button:nth-child(2){color:#fff}.results .actions button:nth-child(3){background:#e5e7eb;color:#374151}.results .actions button:nth-child(3):hover{background:#d1d5db}@media (max-width: 480px){.results .actions button{flex:1 1 100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f9fafb;line-height:1.5;color:#374151}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{width:90%;max-width:1200px;margin:0 auto}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:60px;height:60px;border:6px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.results .card-body ul{margin-bottom:25px;list-style-type:none}.results .card-body ul li{list-style-type:none;position:relative;padding-left:20px}.results .card-body ul li:after{position:absolute;content:"";top:3px;left:0;width:6px;height:12px;border-right:3px solid #1db954;border-bottom:3px solid #1db954;transform:rotate(45deg);border-radius:2px}.results .card-body ul li::marker{color:#007bff}button{background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 6px 18px #0072ff66;border:0;border-radius:40px;color:#fff;font-weight:600}button:hover{background:linear-gradient(135deg,#0072ff,#00c6ff);box-shadow:0 8px 25px #0072ff99}h1,h2,h3,h4,h5{color:#000}.radio-label{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-label input{position:absolute;opacity:0;cursor:pointer}.radio-label .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;border:1px solid #2196F3;border-radius:50%}.radio-label input:checked~.checkmark{background-color:#2196f3}.radio-label .checkmark:after{content:"";position:absolute;display:none}.radio-label input:checked~.checkmark:after{display:block}.radio-label .checkmark:after{top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff}.feedback-btn{position:fixed;top:1rem;right:1rem;padding:.6rem 1.2rem;border-radius:1.5rem;font-weight:600;background:#6366f1;color:#fff;border:none;cursor:pointer;z-index:50;transition:background .3s ease}.feedback-btn:hover{background:#4f46e5}.feedback-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.large-width{max-width:750px}.small-width{max-width:400px}.feedback-modal{background:#ffffffe6;border:1px solid #e5e7eb;padding:2rem;border-radius:2rem;width:90%;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:1rem;position:relative;max-height:90vh;overflow:hidden}@media only screen and (max-width: 767px){.feedback-modal{padding:1rem}}.feedback-modal .feedback-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative}.feedback-modal .feedback-header h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.feedback-modal .feedback-header .close-btn{position:absolute;background:none;border:none;cursor:pointer;color:#000;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;right:0}.feedback-modal .feedback-header .close-btn:hover{transform:rotate(90deg)}.feedback-modal .form-scroll{overflow-y:auto;max-height:70vh;padding-right:6px}.feedback-modal .form-scroll::-webkit-scrollbar{width:6px}.feedback-modal .form-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.feedback-modal .form-scroll::-webkit-scrollbar-thumb{background:#6366f1;border-radius:3px}.feedback-modal .form-scroll::-webkit-scrollbar-thumb:hover{background:#4f46e5}.feedback-modal .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.feedback-modal .form-group label{font-size:1.1rem;font-weight:600;margin-bottom:.2rem;color:#111827;margin-bottom:10px}@media only screen and (max-width: 767px){.feedback-modal .form-group label{font-size:.9rem}}.feedback-modal .form-group input,.feedback-modal .form-group textarea{border:1px solid #d1d5db;border-radius:40px;padding:.5rem 1rem;font-size:.9rem;resize:vertical;outline:none}.feedback-modal .form-group input.input-error,.feedback-modal .form-group textarea.input-error{border-color:#ef4444}.feedback-modal .form-group textarea{width:100%;height:100px;border-radius:20px;padding-top:15px}.feedback-modal .form-group .radio-group{display:flex;flex-wrap:wrap;gap:10px;flex-direction:column}.feedback-modal .form-group .radio-label{display:flex;align-items:center;gap:.3rem;font-size:.88rem;font-weight:400;margin-bottom:0}.feedback-modal .form-group .radio-label input[type=radio]{accent-color:#6366f1;transform:scale(1.1)}.feedback-modal .form-group .error-text{color:#ef4444;font-size:.76rem;margin-top:.25rem}.feedback-modal .submit-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 6px 18px #0072ff66;border:0;color:#fff;font-size:1.125rem;font-weight:600;border-radius:40px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:opacity .3s ease}.feedback-modal .submit-btn:hover{background:linear-gradient(135deg,#0072ff,#00c6ff);box-shadow:0 8px 25px #0072ff99}.feedback-modal .submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.feedback-modal .success-text{color:#16a34a;font-size:.9rem;text-align:center;margin-bottom:10px;font-weight:600}
