*{box-sizing:border-box}body,html{padding:0;margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.center-box{width:100%;max-width:760px;text-align:center}.logo{font-size:72px;font-weight:700;letter-spacing:-2px;margin-bottom:12px}.subtitle{font-size:18px;color:#666;margin-bottom:40px}.search-wrapper{width:100%;border:1px solid #dfe1e5;border-radius:999px;padding:14px 22px;display:flex;align-items:center;transition:all .2s ease}.search-wrapper:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}.search-input{width:100%;border:none;outline:none;font-size:18px}.mode-bar{margin-top:26px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.mode-btn{border:none;background:none;color:#555;font-size:15px;cursor:pointer;transition:color .2s ease}.mode-btn:hover{color:#000}.mode-btn.active{color:#000;font-weight:700}.footer{margin-top:60px;font-size:13px;color:#888}