.integrated-search{background:rgba(255,255,255,.9);border-radius:15px;padding:1.5rem;margin:2rem 0;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.search-type-selector{display:flex;margin-bottom:1rem;border-radius:50px;background-color:#f0f2f5;padding:5px;width:fit-content}.search-type-btn{background:0 0;border:none;padding:.5rem 1.25rem;border-radius:50px;font-weight:600;color:#505f79;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.search-type-btn i{font-size:1rem}.search-type-btn.active{background-color:#0052cc;color:#fff;box-shadow:0 4px 10px rgba(0,82,204,.3)}.search-content{margin-bottom:1rem}.search-input-wrapper{display:flex;align-items:center;background-color:#fff;border:2px solid #dfe1e6;border-radius:50px;padding:.25rem .25rem .25rem 1rem;transition:all .3s ease;margin-bottom:.75rem;position:relative}.search-input-wrapper:focus-within{border-color:#0052cc;box-shadow:0 0 0 2px rgba(0,82,204,.2)}.search-icon{color:#0052cc;margin-right:.75rem;font-size:1.1rem;position:absolute;left:1.5rem;z-index:1}.search-input{flex:1;border:none;padding:.75rem 0;font-size:1rem;color:#000;background:0 0;padding-left:3rem;margin-left:0;position:relative;z-index:0}.search-input:focus{outline:0}.search-button{background:linear-gradient(135deg,#0052cc 0%,#4c9aff 100%);color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.search-button:hover{background:linear-gradient(135deg,#003d99 0%,#0052cc 100%);box-shadow:0 4px 10px rgba(0,82,204,.3)}.preview-info{color:#505f79;margin-top:.5rem;margin-bottom:0}.asean-flags{margin-top:1rem}.flag-label{font-weight:600;color:#172b4d;margin-bottom:.75rem;text-align:center;font-size:1.1rem}.flags-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:1200px;margin:0 auto}.flag-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:8px;width:100px}.flag-item:hover{background-color:#f0f2f5;transform:translateY(-3px)}.flag-item.active{background-color:#e6f0ff;border:2px solid #0052cc}.flag-img{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.1)}.flag-name{font-size:1rem;margin-top:.5rem;color:#505f79;text-align:center;font-weight:500}.flag-item.active .flag-name{color:#0052cc;font-weight:600}@media (max-width:768px){.search-type-selector{width:100%}.search-type-btn{flex:1;justify-content:center}.flags-container{justify-content:center}.flag-item{width:90px}}@media (max-width:576px){.search-input-wrapper{flex-direction:column;border-radius:15px;padding:1rem}.search-icon{margin-right:0;margin-bottom:.5rem;position:static}.search-input{width:100%;padding:.5rem 0;text-align:center;padding-left:0;margin-left:0}.search-button{width:100%;margin-top:.75rem}.flag-item{width:80px}.flag-name{font-size:.9rem}}