*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}html{direction:rtl}section{background-image:linear-gradient(#0000004d,#0000004d),url(/Prayar-App/assets/11-BTNBTpF4.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}section .container{-webkit-backdrop-filter:blur(15px);box-sizing:border-box;background:#ffffff14;border:1px solid #fff3;border-radius:20px;width:95%;max-width:450px;padding:30px;box-shadow:0 10px 30px #00000080}section .top-sec{border-bottom:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;display:flex}section .top-sec h3{color:#fff;text-shadow:2px 2px 4px #00000080;margin:0;font-size:24px}section .top-sec select{color:#fff;cursor:pointer;background:#cf8009c2;border:1px solid #fff6;border-radius:8px;outline:none;width:150px;padding:8px 12px;font-size:16px}section .top-sec select option{color:#fff;background:#222}section .top-sec .data{text-align:left;color:#eee}@media (width<=600px){section .top-sec{text-align:center;flex-direction:column}section .top-sec select{width:100%}section .container{padding:20px}}.prayar{-webkit-backdrop-filter:blur(10px);background:#c4642575;border:1px solid #fff3;border-radius:15px;justify-content:space-between;align-items:center;min-width:250px;margin:10px;padding:15px 25px;transition:transform .3s;display:flex;box-shadow:0 8px 32px #0000004d}.name_prayar{color:#fff;text-shadow:0 0 8px #ffffff4d;margin-bottom:0;font-size:22px;font-weight:700}.time_prayar{color:#fff;margin:0;font-size:22px;font-weight:500}@media (width<=400px){.prayar{min-width:90%;padding:10px 15px}.name_prayar,.time_prayar{font-size:18px}}