@import"https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@700&family=Poppins:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Lalezar&family=Poppins:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Laila:wght@600&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:url(/islamic_watercolor_background.png) no-repeat center center fixed;background-size:cover;background-color:#f4ebd0;color:#1c3a3e;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;min-height:100vh}h1{font-family:Laila,serif;font-size:2.8rem;text-align:center;color:#c97d60;margin:0 0 1.5rem}.container{width:100%;max-width:640px;background:#fff8e7;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 6px 24px #0000000d;display:flex;flex-direction:column;align-items:center;background-color:#fff8e799;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-buttons{width:100%;display:flex;justify-content:center;margin-bottom:2rem}.auth-buttons button{font-size:1rem;padding:10px 18px}form{width:100%;background:#fffaf2;padding:1.8rem;border-radius:18px;box-shadow:inset 0 0 10px #e4d6ba,0 6px 20px #0000000d;border-top:8px solid #D4AF37;border-bottom:8px solid #D4AF37;margin-bottom:2rem}input[type=text]{width:100%;padding:14px 18px;font-size:1.1rem;border-radius:12px;border:1px solid #d9cfc0;font-family:Poppins,sans-serif;background-color:#fffaf2;box-shadow:inset 0 2px 5px #0000000a;transition:border-color .3s ease;margin-bottom:1rem}input[type=text]:focus{outline:none;border-color:#c97d60}button{font-size:1.05rem;padding:12px 22px;border-radius:12px;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s ease;margin-top:1rem;display:block;margin:1rem auto 0}button:not(.glassy):not(.ask-mufti-icon){background:linear-gradient(to right,#c97d60,#d4af37);color:#fff;box-shadow:0 4px 14px #0000001a}button:hover:not(.glassy):not(.ask-mufti-icon){background:linear-gradient(to right,#a75d48,#b9982e);transform:translateY(-2px)}button.glassy{background:#fff3;color:#1c3a3e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #C97D60}button.glassy:hover{background:#ffffff59;color:#c97d60}button.ask-mufti-icon{position:relative;padding-left:2.4rem;background:linear-gradient(to right,#c97d60,#d4af37)}button.ask-mufti-icon:before{content:"🕌";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem}.answer-card{background:#fff;border-radius:16px;padding:1.4rem;margin-top:1rem;position:relative;font-size:1.05rem;width:100%;box-shadow:0 3px 12px #0000000d}.answer-card:before{content:"";position:absolute;bottom:100%;left:24px;border-width:12px;border-style:solid;border-color:transparent transparent #fff transparent}@media (max-width: 480px){h1{font-size:2rem}.container{padding:1.5rem 1rem}form{padding:1.2rem}input[type=text]{font-size:1rem}button{font-size:1rem;padding:10px 18px}}.image-card,.answer-card.image-card{position:relative;width:100%;max-width:600px;background-image:url(/postcard_bg.png);background-size:cover;background-position:center;border-radius:16px;overflow:hidden;border-top:8px solid #D4AF37;border-bottom:8px solid #D4AF37;box-shadow:0 6px 24px #0000001a}.answer-overlay{background-color:#fffaf2eb;padding:2rem;position:relative;z-index:2;border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.answer-question{font-size:1.2rem;margin-bottom:1rem;font-weight:600;color:#1c3a3e}.answer-ruling{font-weight:700;font-size:1.2rem;color:#c97d60;margin-bottom:1rem}.answer-explanation{line-height:1.6;font-size:1rem;margin-bottom:1.2rem;color:#1c3a3e}.answer-source{font-style:italic;font-size:.95rem;color:#444}.page-container{max-width:800px;margin:0 auto;padding:2rem}.qa-block{margin-bottom:2rem}.glass-box{background:#ffffff1f;border-radius:1rem;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000040;border:1px solid rgba(255,255,255,.18);max-width:800px;margin:2rem auto}.followup-box{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}.followup-input{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid #ccc;margin-top:.5rem;margin-bottom:1rem}.followup-button{background:#008060;color:#fff;padding:.6rem 1.25rem;border:none;border-radius:.5rem;cursor:pointer}.followup-button:hover{background:#005c43}.followup-answer{margin-top:1.5rem}