*{margin:0;padding:0;box-sizing:border-box}body{font-family: "Google Sans", sans-serif;background-color:#fff;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px}.header-logo{font-size:22px;font-weight:700;text-decoration:none;letter-spacing:-2px}.header-logo .hijau{color:#34a853}.header-logo .biru{color:#4285f4}.header-logo .merah{color:#ea4335}.header-logo .kuning{color:#fbbc05}.header-nav{display:flex;align-items:center;gap:20px}.header-nav a{color:#5f6368;text-decoration:none;font-size:13px;padding:8px 12px;border-radius:4px;transition:.2s}.header-nav a:hover{background:#f1f3f4}.header-nav .btn-masuk{background:#4285f4;color:#fff;padding:9px 23px;border-radius:4px;font-weight:500}.header-nav .btn-masuk:hover{background:#3367d6}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-top:-80px}.logo-title{font-size:92px;font-weight:700;margin-bottom:35px;letter-spacing:-15px}.logo-title .hijau{color:#34a853}.logo-title .biru{color:#4285f4}.logo-title .merah{color:#ea4335}.logo-title .kuning{color:#fbbc05}.search-container{width:100%;max-width:584px;margin-bottom:30px;position:relative}.search-box{display:flex;align-items:center;width:100%;height:46px;border:1px solid #dfe1e5;border-radius:24px;padding:0 20px;transition:.2s;background:#fff}.search-box:hover,.search-box:focus-within{box-shadow:0 1px 6px rgba(32,33,36,.28);border-color:rgba(223,225,229,0)}.search-box .search-icon{color:#9aa0a6;margin-right:13px;width:20px;height:20px}.search-box input{flex:1;border:none;outline:0;font-size:16px;color:#202124;background:0 0}.search-box input::placeholder{color:#9aa0a6}.search-box .clear-btn{display:none;background:0 0;border:none;cursor:pointer;padding:0;margin-left:10px;color:#70757a;font-size:20px;line-height:1}.search-box .clear-btn.show{display:block}.search-box .clear-btn:hover{color:#202124}button.btn-search-button{display:flex;position:absolute;place-self:anchor-center;padding:10px 50px;margin-top:35px;border-radius:50px;border:none;font-weight:700;color:#fff;transition:.7s;background:#4285f4}button.btn-search-button:hover{transform:translateY(-3px);transition:.7s}.btn-search-inside{background:#4285f4;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;margin-left:10px;transition:.2s;white-space:nowrap}.btn-search-inside:hover{background:#3367d6}.search-history{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dfe1e5;border-top:none;border-radius:0 0 24px 24px;box-shadow:0 4px 6px rgba(32,33,36,.28);max-height:400px;overflow-y:auto;z-index:1000;padding:10px 0}.search-history.show{display:block}.search-box.history-open{border-radius:24px 24px 0 0;border-bottom-color:transparent}.history-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;border-bottom:1px solid #e8eaed;margin-bottom:5px}.history-header span{font-size:12px;color:#70757a;font-weight:500}.history-clear-all{font-size:12px;color:#4285f4;background:0 0;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.history-clear-all:hover{background:#e8f0fe}.history-item{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:.15s}.history-item:hover{background:#f1f3f4}.history-item .history-icon{width:20px;height:20px;color:#9aa0a6;margin-right:13px;flex-shrink:0}.history-item .history-text{flex:1;font-size:16px;color:#202124;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item .history-delete{display:none;background:0 0;border:none;cursor:pointer;padding:4px 8px;color:#70757a;font-size:18px;border-radius:50%;line-height:1}.history-item:hover .history-delete{display:block}.history-item .history-delete:hover{background:#dadce0;color:#202124}.history-empty{text-align:center;color:#70757a;font-size:14px;padding:20px}.history-item.suggested{background:#e8f0fe}.error-message{background:#fce8e6;color:#c5221f;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;max-width:584px;width:100%;text-align:center}.footer{background:#f2f2f2;border-top:1px solid #dadce0}.footer-top{padding:15px 30px;border-bottom:1px solid #dadce0;color:#70757a;font-size:15px}.footer-bottom{display:flex;justify-content:space-between;padding:15px 30px;flex-wrap:wrap;gap:10px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#70757a;text-decoration:none;font-size:14px}.footer-links a:hover{text-decoration:underline}@media(max-width:768px){.header{padding:10px 15px}.header-nav{gap:10px}.header-nav a:not(.btn-masuk){display:none}.main-content{margin-top:-40px}.btn-search-inside{display:block;position:absolute;right:20px}.logo-title{font-size:48px;margin-bottom:25px}.search-container{padding:0 10px}.button-container{flex-direction:column;width:100%;max-width:300px}.btn{width:100%}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-links{justify-content:center}}