*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #202124;--surface: #303134;--surface-hover: #3c4043;--text: #e8eaed;--text-secondary: #9aa0a6;--accent-blue: #8ab4f8;--border: #5f6368;--footer-bg: #171717;--footer-border: #3c4043}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:arial,sans-serif}.google-page{min-height:100vh;display:flex;flex-direction:column}.google-header{padding:10px 15px 0}.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:12px}.header-link{font-size:13px;color:var(--text-secondary);text-decoration:none;padding:6px 10px;border-radius:4px;transition:background .15s}.header-link:hover{color:var(--text);text-decoration:underline}.header-right{display:flex;align-items:center;gap:8px}.grid-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.grid-btn:hover{background:#ffffff14}.signin-btn{background:#1a73e8;color:#fff;border:none;padding:9px 23px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s}.signin-btn:hover{background:#1b66c9;box-shadow:0 1px 3px #0006}.google-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 80px;margin-top:-40px}.google-logo{font-size:92px;font-weight:400;margin-bottom:28px;-webkit-user-select:none;user-select:none;letter-spacing:-2px;font-family:Product Sans,Arial,sans-serif}.logo-g{color:#4285f4}.logo-o1{color:#ea4335}.logo-o2{color:#fbbc05}.logo-g2{color:#4285f4}.logo-l{color:#34a853}.logo-e{color:#ea4335}.search-wrapper{position:relative;width:100%;max-width:582px;margin-bottom:18px}.search-bar{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:0 14px;height:44px;transition:box-shadow .2s,border-color .2s}.search-bar:focus-within{background:var(--surface);box-shadow:0 1px 6px #8ab4f826;border-color:transparent}.search-bar.has-suggestions{border-radius:24px 24px 0 0;border-bottom-color:#3c4043}.search-icon{flex-shrink:0;color:var(--text-secondary);margin-right:12px}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:16px;line-height:44px;font-family:arial,sans-serif}.search-input::placeholder{color:var(--text-secondary)}.clear-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;margin-left:8px;border-radius:50%;transition:color .15s}.clear-btn:hover{color:var(--text)}.suggestions{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-top:1px solid #3c4043;border-radius:0 0 24px 24px;list-style:none;padding:4px 0 8px;z-index:10}.suggestion{display:flex;align-items:center;gap:12px;padding:6px 20px;font-size:16px;color:var(--text);cursor:pointer;transition:background .1s}.suggestion:hover,.suggestion.selected{background:var(--surface-hover)}.suggestion-icon{color:var(--text-secondary);flex-shrink:0}.button-row{display:flex;gap:12px;margin-bottom:20px}.search-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:0 16px;height:36px;border-radius:4px;font-size:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.search-btn:hover{border-color:#888;box-shadow:0 1px 3px #00000040;background:var(--surface-hover)}.quick-links{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap;justify-content:center}.quick-label{color:var(--text-secondary)}.quick-link{color:var(--accent-blue);text-decoration:none;padding:2px 4px;border-radius:2px}.quick-link:hover{text-decoration:underline}.google-footer{background:var(--footer-bg);border-top:1px solid var(--footer-border);font-size:14px;color:var(--text-secondary)}.footer-top{padding:15px 30px;border-bottom:1px solid var(--footer-border)}.footer-country{font-size:15px}.footer-bottom{display:flex;justify-content:space-between;padding:10px 30px;flex-wrap:wrap;gap:10px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px}.footer-link:hover{text-decoration:underline}@media(max-width:600px){.google-logo{font-size:60px;margin-bottom:20px}.search-bar{height:40px}.button-row{flex-direction:column;align-items:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.header-link{display:none}}