*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,#f4f9fd,#e6f2fb);color:#2c3e50;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.header{background-color:#fff;padding:20px;text-align:center;box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:1000}.header .search-box{display:none}.mobile-search-icon{display:none;background:linear-gradient(135deg,#1e3a5f,#3c78b8);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:transform .2s ease;padding:8px;align-items:center;justify-content:center}.mobile-search-icon:hover{transform:scale(1.1)}.mobile-search-icon .search-icon{width:20px;height:20px;filter:brightness(0) invert(1)}.mobile-search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f4f9fd,#e6f2fb);z-index:2000;overflow-y:auto;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-search-overlay.active{display:block}.mobile-search-header{background:#fff;padding:20px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 4px 16px #1e3a5f33;position:sticky;top:0;z-index:2001}.close-search-btn{background:#1e3a5f1a;border:none;color:#1e3a5f;font-size:28px;cursor:pointer;padding:0;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:absolute;left:15px}.close-search-btn:hover{background:#1e3a5f33;transform:rotate(90deg)}.mobile-search-header h2{color:#fff;font-size:1.3rem;margin:0;font-weight:600;letter-spacing:.5px}.mobile-search-logo{max-height:35px;height:auto}.mobile-search-box{margin:25px 20px;animation:fadeInUp .4s ease .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-search-box .search-box{box-shadow:0 6px 20px #1e3a5f26;border:2px solid #e6f2fb}.mobile-search-box .suggestions{margin-top:8px;border-radius:16px;box-shadow:0 6px 20px #1e3a5f26;border:2px solid #e6f2fb;animation:fadeInUp .3s ease}.mobile-search-box .suggestion-item{padding:16px 18px;font-size:15px;border-bottom:1px solid #e6f2fb;transition:all .2s ease}.mobile-search-box .suggestion-item:hover{background:linear-gradient(90deg,#f4f9fd,#e6f2fb);padding-left:24px}.mobile-search-box .suggestion-item:last-child{border-bottom:none}.desktop-search-box{display:block}.logo{max-width:180px;height:auto;transition:transform .3s ease}.logo:hover{transform:scale(1.1)}.main-content{flex:1;padding:40px 20px;text-align:center;animation:fadeIn 1s ease;margin-bottom:70px;min-height:auto}h1{font-size:3rem;color:#1e3a5f;margin-bottom:20px;font-weight:700;text-transform:capitalize;transition:opacity .3s ease,transform .3s ease}h1.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.search-box{display:flex;justify-content:center;align-items:center;margin:30px auto;max-width:600px;background-color:#fff;border-radius:40px;padding:6px;box-shadow:0 4px 12px #0000001a;position:relative;transition:all .3s ease}.search-box input{flex:1;padding:14px 90px 14px 20px;border:none;border-radius:30px;font-size:16px;color:#2c3e50;background-color:transparent;outline:none;transition:background .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%}.search-box input:focus{background-color:#f4f9fd}.clear-button{position:absolute;right:65px;background:transparent!important;border:none;padding:8px!important;cursor:pointer;color:#7f8c8d;font-size:24px;line-height:1;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.clear-button:hover{color:#e74c3c;transform:scale(1.1);background:transparent!important}.clear-button span{display:block;font-weight:300}.search-box button{padding:14px;background:linear-gradient(135deg,#1e3a5f,#3c78b8);border:none;border-radius:30px;cursor:pointer;transition:background .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.search-box button:hover{background:linear-gradient(135deg,#1c3453,#2c65a5);transform:scale(1.05)}.search-icon{width:20px;height:20px}.search-options{display:flex;justify-content:center;gap:15px;margin-top:12px}.search-options label{font-size:16px;color:#2c3e50;cursor:pointer;display:flex;align-items:center;gap:6px}.search-options input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #1e3a5f;border-radius:50%;display:inline-block;position:relative;cursor:pointer}.search-options input[type=radio]:checked{background-color:#1e3a5f;border:4px solid white;box-shadow:0 0 0 2px #1e3a5f}.video-container{margin-top:50px;display:flex;justify-content:center}.video-container iframe{width:100%;max-width:600px;height:300px;border-radius:12px;box-shadow:0 6px 16px #0000001a}.video-container.hidden{display:none}.footer{background-color:#1e3a5f;color:#fff;text-align:center;padding:20px;font-size:16px;position:fixed;bottom:0;width:100%;box-shadow:0 -4px 8px #0000001a}.footer a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.footer a:hover{color:#3c78b8}.suggestions{position:absolute;top:calc(100% + 4px);left:0;background-color:#fff;width:100%;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;border-radius:12px;z-index:1002;display:none}.suggestions.show{display:block}.suggestion-item{padding:12px;cursor:pointer;transition:background .2s ease;color:#2c3e50;font-size:14px;text-align:left}.suggestion-item:hover{background-color:#f4f9fd}.suggestions::-webkit-scrollbar{width:6px}.suggestions::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:6px}.suggestions::-webkit-scrollbar-thumb:hover{background-color:#999}.results-container{margin-top:30px;text-align:left;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}.results-container.hidden{display:none}.results-header{margin-bottom:25px;text-align:center;padding:0;background:none;border-radius:0;box-shadow:none}.results-title{color:#1e3a5f;font-size:1.1rem;font-weight:600;margin:0;line-height:1.4;text-shadow:none}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.results-note{margin-top:30px;padding:15px 20px;background-color:#fff8e1;border-left:4px solid #ffa726;border-radius:8px;text-align:center}.results-note p{margin:0;color:#e65100;font-size:.95rem}.results-note strong{color:#d84315;font-weight:600}.result-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:0;box-shadow:0 4px 12px #1e3a5f14;transition:all .3s ease;border:1px solid #e6f2fb;overflow:hidden}.result-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1e3a5f1f}.card-header{background:linear-gradient(135deg,#1e3a5f,#3c78b8);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.card-badge{background-color:#fff3;color:#fff;padding:5px 10px;border-radius:20px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-amount{color:#fff;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.card-body{padding:14px 16px}.card-title{color:#1e3a5f;font-size:1.15rem;margin-bottom:16px;font-weight:600;line-height:1.4}.card-info{display:grid;gap:6px}.info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid #e6f2fb;gap:8px}.info-item:last-child{border-bottom:none}.info-label{color:#7f8c8d;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-right:12px}.info-value{color:#2c3e50;font-size:.75rem;font-weight:500;text-align:right;word-wrap:break-word;line-height:1.4}.card-footer{padding:16px 20px;background-color:#f8f9fa;border-top:1px solid #e6f2fb;text-align:center}.view-details{color:#3c78b8;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.result-card:hover .view-details{color:#1e3a5f;transform:translate(4px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-overlay.hidden{display:none}.modal-content{background:#fff;border-radius:16px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;position:relative}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;color:#2c3e50;cursor:pointer;line-height:1;transition:color .2s ease}.modal-close:hover{color:#e74c3c}#modal-body h2{color:#1e3a5f;margin-bottom:20px;font-size:1.5rem}#modal-body p{margin:12px 0;font-size:1rem;color:#2c3e50;line-height:1.6}#modal-body strong{color:#1e3a5f;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}@media (max-width: 768px){h1{font-size:2.5rem}.search-box{flex-direction:row;padding:8px 10px;border-radius:30px}.search-box input{font-size:14px;padding:12px 16px}.search-box button{padding:12px}.search-icon{width:18px;height:18px}.video-container iframe{height:250px}.results-container{grid-template-columns:1fr;gap:15px}.main-content{padding:30px 15px}}@media (max-width: 480px){.header{padding:18px 15px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;position:sticky;top:0;z-index:1000;min-height:70px}.header a{flex:1;display:flex;justify-content:center}.mobile-search-icon{display:flex;position:absolute;right:15px}.desktop-search-box{display:none}.logo{max-width:140px}h1{font-size:2rem;margin-top:10px;margin-bottom:15px}h1.hide-on-mobile{display:none}.main-content{padding:15px 15px 80px;margin-top:0;margin-bottom:0;min-height:calc(100vh - 70px);display:flex;flex-direction:column}.video-container{margin-top:20px;margin-bottom:0;flex:0}.video-container iframe{height:220px;max-height:40vh}.search-options{flex-direction:column;align-items:center;gap:10px}.search-box.active{position:static}.search-box input{padding:8px 70px 8px 12px;font-size:13px}.clear-button{right:45px;font-size:20px;padding:6px!important}.search-box button{padding:8px}.search-icon{width:16px;height:16px}.results-container{padding:0 10px;margin-bottom:80px}.cards-container{grid-template-columns:1fr;gap:16px}.result-card{max-width:100%}.footer{position:fixed;bottom:0;z-index:999}}