@import url("https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css");@import url("https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css");body{font-family:Arial, sans-serif;margin:0;padding:0;background-color:#f8f9fa}.container{width:80%;margin:0 auto;padding:20px}.header,.footer{background-color:#343a40;color:white;text-align:center;padding:10px 0}.notice,.alert{display:flex;justify-content:center;align-items:center;text-align:center;margin:0;padding:10px 0}.notice{background-color:#e7f3fe;color:#31708f;border:1px solid #bce8f1}.alert{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1}.home-bg-img{background:src("images/background-possibility.png") center center;background-size:cover;background-attachment:fixed}.transparent-nav{background:rgba(255,255,255,0.9)}.hero.is-fullheight-with-navbar{min-height:calc(100vh - 3.25rem);background:rgba(255,255,255,0.85)}.footer{background:rgba(255,255,255,0.95)}.full-page-div{min-height:100vh;width:100%;position:relative;z-index:1}.background-image{width:100vw;height:100vh;background-size:cover;background-position:center;background-attachment:fixed;position:fixed;top:0;left:0;z-index:-1}.background-image img{width:100%;height:100%;object-fit:cover}.navbar-brand img{width:auto;height:75px;max-height:none !important;padding:5px}.navbar-end .navbar-dropdown{right:0;left:auto}.card{height:100%;display:flex;flex-direction:column}.card .card-content{flex-grow:1;display:flex;flex-direction:column}.card .card-content .title{order:1;margin-bottom:0.5rem !important}.card .card-content .subtitle{order:2;margin-top:0 !important}.mt-5{margin-top:3rem}.ml-2{margin-left:0.5rem}.columns.is-centered{justify-content:center;gap:2rem}.card{max-width:300px;margin:0 auto;display:block}.card-image img{width:100%;height:auto;display:block}.hover-effect{transition:transform 0.3s ease}.hover-effect:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.button_to{display:contents}.button_to>button{width:100%;background:white;border:none;padding:0;cursor:pointer}.suggestion-card{max-width:800px;margin:2rem auto;border-radius:1rem}.suggestion-card .card-title{color:#2c3e50;font-size:1.8rem}.suggestion-card .suggestion-details .detail-item{font-size:1.1rem;margin-bottom:1rem}.suggestion-card .suggestion-details .detail-item i{width:24px}.feedback-btn{min-width:120px;transition:transform 0.2s ease}.feedback-btn:hover{transform:translateY(-2px)}.feedback-btn.btn-success{background-color:#28a745;border-color:#28a745}.feedback-btn.btn-danger{background-color:#dc3545;border-color:#dc3545}.next-btn{min-width:160px;background-color:#007bff;border-color:#007bff}.next-btn:hover{background-color:#0056b3;border-color:#0056b3;transform:translateX(3px)}.feedback-form{background-color:#f8f9fa;padding:1.5rem;border-radius:0.5rem;margin-top:1rem}.feedback-form .form-select,.feedback-form .form-control{border:1px solid #ced4da}.feedback-form .form-select:focus,.feedback-form .form-control:focus{border-color:#80bdff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.date-suggestion-container{max-width:800px;margin:2rem auto;padding:0 1rem}.suggestion-card{background:white;border-radius:16px;border-top:5px solid #667eea;box-shadow:0 10px 30px rgba(102,126,234,0.15);padding:2rem;transition:transform 0.3s ease, box-shadow 0.3s ease}.suggestion-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(102,126,234,0.25)}.suggestion-card .suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.suggestion-header h2{font-size:2rem;color:#667eea;margin:0;font-weight:700}.suggestion-header .date-badge{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:600;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.suggestion-details .detail-row{display:flex;align-items:flex-start;margin-bottom:1.5rem}.suggestion-details .detail-row i{color:#667eea;font-size:1.2rem;margin-right:1rem;margin-top:0.2rem}.suggestion-details .detail-row span{color:#2d3436;font-size:1.1rem;line-height:1.5;font-weight:500}.suggestion-details .detail-row.description{background:linear-gradient(135deg, #f5f7ff 0%, #e8ecfd 100%);padding:1rem;border-radius:12px;border-left:4px solid #667eea;margin-top:1rem}.detail-row{display:flex;align-items:center;margin-bottom:1rem}.detail-row .icon{margin-right:1rem;color:#667eea}.detail-row.description{background:linear-gradient(135deg, #f5f7ff 0%, #e8ecfd 100%);padding:1rem;border-radius:8px;border-left:4px solid #667eea;margin-top:1rem}.activity-card{transition:transform 0.2s ease, box-shadow 0.2s ease}.activity-card:hover{transform:translateX(5px);box-shadow:0 6px 20px rgba(102,126,234,0.15) !important}.actions-section .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.6) !important}.feedback-section{margin:2rem 0;padding-top:2rem;border-top:1px solid #e0e0e0}.feedback-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.feedback-buttons .button{min-width:120px}.feedback-buttons .button.love:hover{transform:scale(1.05)}.feedback-buttons .button.nope:hover{transform:scale(1.05)}.btn-feedback{flex:1;min-width:120px;padding:1rem;border:none;border-radius:12px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s ease;cursor:pointer}.btn-feedback.love{background:#e3f2fd;color:#1976d2}.btn-feedback.love:hover{background:#1976d2;color:white}.btn-feedback.nope{background:#fee2e2;color:#dc2626}.btn-feedback.nope:hover{background:#dc2626;color:white}.btn-next{flex:1;text-decoration:none;background:#f0f0f0;color:#2d3436;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s ease}.btn-next:hover{background:#2d3436;color:white;transform:translateX(5px)}.feedback-form{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.feedback-form .form-label{color:#2d3436;font-weight:600;margin-bottom:0.5rem}.feedback-form .form-select,.feedback-form .form-control{margin-bottom:1rem;border-radius:8px;border:1px solid #e0e0e0}.feedback-form .form-select:focus,.feedback-form .form-control:focus{border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,0.2)}.feedback-form .btn-submit{background:#1976d2;color:white;border:none;padding:0.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:background 0.3s ease}.feedback-form .btn-submit:hover{background:#1565c0}.feedback-form.is-hidden{display:none}.action-buttons{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0;justify-content:flex-start}.action-buttons .btn-edit,.action-buttons .btn-back{text-decoration:none;padding:0.75rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.action-buttons .btn-edit i,.action-buttons .btn-back i{font-size:0.9rem}.action-buttons .btn-edit{background:#e3f2fd;color:#1976d2}.action-buttons .btn-edit:hover{background:#1976d2;color:white}.action-buttons .btn-back{background:#f0f0f0;color:#2d3436}.action-buttons .btn-back:hover{background:#2d3436;color:white}.loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:none;justify-content:center;align-items:center;z-index:1000;background:transparent}.loading-spinner{width:40px;height:40px;position:relative;animation:spin 2s linear infinite}.loading-spinner:before,.loading-spinner:after{content:'';position:absolute;border-radius:50%;animation:pulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 1rem rgba(50,115,220,0.3))}.loading-spinner:before{width:100%;height:100%;background-color:rgba(50,115,220,0.2);animation-delay:-0.9s}.loading-spinner:after{width:75%;height:75%;background-color:#3273dc;top:12.5%;left:12.5%}@keyframes pulse{0%,100%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:0.3}}.position-relative{position:relative}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero-body .container .title{order:1;margin-bottom:0.5rem !important}.hero-body .container .subtitle{order:2;margin-top:0 !important}.plan-date-box{max-width:700px;margin:2rem auto;background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:3rem 2.5rem}.plan-date-box .title,.plan-date-box .subtitle{color:#2c3e50 !important}@media screen and (max-width: 768px){.plan-date-box{padding:2rem 1.5rem}}.plan-date-form .datetime-picker-section{background:linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid #e3e8ef}.plan-date-form .datetime-picker-section .label{color:#2c3e50;font-weight:600;margin-bottom:1rem}.plan-date-form .datetime-picker-section .date-input,.plan-date-form .datetime-picker-section .time-input{border:2px solid #cbd5e0;border-radius:8px;font-size:1.1rem;transition:all 0.3s ease;cursor:pointer;background-color:white;color:#2c3e50 !important;font-weight:500}.plan-date-form .datetime-picker-section .date-input::-webkit-calendar-picker-indicator,.plan-date-form .datetime-picker-section .time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.7;transition:opacity 0.3s ease}.plan-date-form .datetime-picker-section .date-input::-webkit-calendar-picker-indicator:hover,.plan-date-form .datetime-picker-section .time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.plan-date-form .datetime-picker-section .date-input:hover,.plan-date-form .datetime-picker-section .time-input:hover{border-color:#a0aec0;background-color:#f8fafc}.plan-date-form .datetime-picker-section .date-input:focus,.plan-date-form .datetime-picker-section .time-input:focus{border-color:#3273dc;box-shadow:0 0 0 3px rgba(50,115,220,0.15);background-color:white}.plan-date-form .datetime-picker-section .date-picker-icon,.plan-date-form .datetime-picker-section .time-picker-icon{pointer-events:none;color:#a0aec0}.plan-date-form .contact-section .field{margin-bottom:1.5rem}.plan-date-form .contact-section .label{color:#2c3e50;font-weight:600}.plan-date-form .contact-section .label .has-text-grey{color:#6c757d !important}.plan-date-form .contact-section .input{border-radius:8px;border:2px solid #e3e8ef;transition:all 0.3s ease}.plan-date-form .contact-section .input:hover{border-color:#cbd5e0}.plan-date-form .contact-section .input:focus{border-color:#3273dc;box-shadow:0 0 0 3px rgba(50,115,220,0.15)}.plan-date-form .field .label{color:#2c3e50;font-weight:600}.plan-date-form .duration-info{border-left:4px solid #3273dc;background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border-radius:8px;font-size:1.05rem}.plan-date-form .duration-info strong{color:#1565c0}.plan-date-form .submit-button{margin-top:2rem;height:3.5rem;font-size:1.2rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;box-shadow:0 4px 15px rgba(102,126,234,0.4);transition:all 0.3s ease}.plan-date-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.6);background:linear-gradient(135deg, #764ba2 0%, #667eea 100%)}.plan-date-form .submit-button:active{transform:translateY(0)}.icon-text{align-items:center}.icon-text .icon{margin-right:0.5rem}.notification.is-info.is-light{border-left:4px solid #3273dc;background:#f0f7ff}.notification.is-info.is-light .icon-text{font-size:1rem}@media screen and (max-width: 768px){.plan-date-form .datetime-picker-section{padding:1.5rem}.plan-date-form .datetime-picker-section .columns{margin:0}.plan-date-form .datetime-picker-section .columns .column{padding:0.5rem 0}}