.app{max-width:900px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:50px}header h1{font-size:3rem;color:#1a1a1a;margin-bottom:15px;font-weight:700}.subtitle{color:#555;font-size:1.15rem;line-height:1.6;max-width:700px;margin:0 auto}.search-container{max-width:700px;margin:0 auto 60px}form{display:flex;gap:10px}.search-input{flex:1;padding:12px 16px;font-size:16px;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s}.search-input:focus{border-color:#0070f3}.search-button{padding:12px 32px;font-size:16px;background-color:#0070f3;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;font-weight:600}.search-button:hover:not(:disabled){background-color:#0051cc}.search-button:disabled{background-color:#ccc;cursor:not-allowed}section{margin:60px 0;padding:0 20px}section h2{font-size:1.8rem;color:#1a1a1a;margin-bottom:20px;text-align:center}.popular-searches{text-align:center}.popular-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;margin:0 auto}.popular-tag{display:inline-block;padding:10px 20px;background:#f0f7ff;border:1px solid #d0e7ff;border-radius:20px;color:#0070f3;text-decoration:none;font-weight:500;transition:all .2s}.popular-tag:hover{background:#e0f0ff;transform:translateY(-2px);box-shadow:0 2px 8px #0070f326}.browse-section{background:#f9f9f9;padding:40px 20px;border-radius:10px;text-align:center}.browse-link{display:inline-block;padding:12px 24px;background:#0070f3;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .3s}.browse-link:hover{background:#0051cc}.about-section{text-align:center}.about-section p{font-size:1.05rem;line-height:1.7;color:#555;max-width:700px;margin:0 auto 25px}.links{display:flex;gap:15px;justify-content:center;align-items:center;font-size:1rem}.links a{color:#0070f3;text-decoration:none;font-weight:500}.links a:hover{text-decoration:underline}.links span{color:#ddd}footer{margin-top:80px;padding-top:30px;border-top:1px solid #eee;text-align:center;color:#999;font-size:.9rem}@media (max-width: 768px){.app{padding:20px 15px}header h1{font-size:2rem}form{flex-direction:column}.search-button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9}code{font-family:Courier New,Courier,monospace}