*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:#f4f4f4;color:#333;display:flex;flex-direction:column;min-height:100vh}.page-wrap{flex:1;display:flex;flex-direction:column}.container{max-width:1200px;margin:auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #ddd;padding:15px 0}header h1{margin:0;font-size:2em;color:#222;text-align:center}.hero{background:#fff;padding:40px 20px;text-align:center;border-bottom:1px solid #ddd}.hero h2{margin:0 0 10px;font-size:2em}.hero p{color:#666}form{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.input-wrap{position:relative;flex:1 1 300px}input[type=text]{padding:10px;border:1px solid #ccc;border-radius:6px;width:100%}#suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;max-height:150px;overflow-y:auto;box-shadow:0 2px 4px #0000001a;display:none;z-index:10}#suggestions div{padding:8px;cursor:pointer;color:#333}#suggestions div:hover{background:#f0f0f0}button{background:#d4af37;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}button:hover{background:#b3922d}.main-grid{display:grid;grid-template-columns:1fr 400px;gap:20px;padding:30px 0}.right{display:flex;flex-direction:column;gap:20px}.prayer-times,.next-prayer{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.prayer-times h3,.next-prayer h3{margin-top:0;color:#222}#next-prayer{font-size:1.8em;color:#0b3d2e;font-weight:700}#countdown{font-size:1.5em;color:#555}footer{background:#fff;padding:10px;text-align:center;font-size:.9em;color:#777;border-top:1px solid #ddd;margin-top:auto}@media (max-width: 768px){.main-grid{grid-template-columns:1fr}.right{width:100%}header h1{font-size:1.5em}.hero h2{font-size:1.6em}#next-prayer{font-size:1.5em}#countdown{font-size:1.2em}}@media (max-width: 480px){button{width:100%}}