.hero{min-height:90vh;background:url(/background.png) 50%/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}.hero .badge{background:#c8f7c5;color:#2e7d32;padding:6px 16px;border-radius:20px;font-size:14px;margin-bottom:16px}.hero h1{font-size:40px;font-weight:700;max-width:700px}.hero p{margin-top:12px;max-width:600px;color:#ddd}.hero .badge-icon{display:block;margin:0 auto 16px;margin-left:auto!important;margin-right:auto!important;transform:scale(.5);transform-origin:center center;width:auto;height:auto;max-width:100%}.search-bar{display:flex;margin-top:24px;width:500px;max-width:100%;border-radius:24px;border:1px solid #ccc;background:#fff}.search-bar button{flex-shrink:0;background:#ffbc80;color:#333;border:none;padding:0 36px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;border-radius:24px}.search-bar button .label{text-align:left}.search-bar button .search-icon{font-size:16px;margin-left:8px}.search-bar input{flex:1 1;padding:12px;border:none;outline:none;margin:0}.input-with-icon{display:flex;align-items:center;padding-left:12px}.input-with-icon,.input-with-icon input{flex:1 1;min-width:0}@media (max-width:768px){.hero{min-height:100vh;padding:20px;overflow-x:hidden}.hero .badge-icon{margin:0 auto 12px!important;transform:scale(.75);transform-origin:center center;display:block!important;width:auto;height:auto;max-width:100%;position:relative}}@keyframes spin{to{transform:rotate(1turn)}}