.appbar .brand,.record-brand{display:flex;align-items:center;gap:11px}.appbar .brand img,.record-brand img{width:55px;height:55px;object-fit:contain;border-radius:50%;background:#fff}.appbar .brand span,.record-brand span{display:block}.welcome-splash{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;overflow:auto;background:radial-gradient(circle at 50% 20%,#dff8f4,#117a9d 58%,#092e4d);transition:opacity .6s,visibility .6s}.welcome-splash.closed{opacity:0;visibility:hidden;pointer-events:none}.welcome-card{position:relative;width:min(720px,96vw);min-height:min(690px,94vh);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 35px;border:2px solid #ffffff88;border-radius:38px;background:linear-gradient(145deg,#ffffffee,#f7ffe9e8);box-shadow:0 25px 80px #001d35aa;overflow:hidden}.welcome-card:before,.welcome-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(3px);opacity:.22}.welcome-card:before{right:-90px;top:-80px;background:#ef5b9a}.welcome-card:after{left:-85px;bottom:-85px;background:#28bda4}.welcome-logo{position:absolute;top:18px;right:22px;width:92px;height:92px;object-fit:contain;z-index:1}.open-quran{width:min(470px,76vw);height:auto;margin-top:30px;margin-bottom:-20px}.welcome-card h1{margin:0;color:#11866e;font:700 clamp(25px,5vw,43px)/1.8 "Noto Naskh Arabic"}.welcome-card h2{margin:0;color:#173454;font-size:clamp(22px,4vw,34px)}.welcome-card p{margin:2px 0 14px;color:#547083;font-size:18px}.welcome-card button{display:none;border:0;border-radius:16px;padding:12px 25px;background:linear-gradient(90deg,#168fc5,#12a187);color:#fff;font:700 18px "Noto Nastaliq Urdu";cursor:pointer;box-shadow:0 8px 20px #117b8e44}.welcome-card button.show{display:block}.welcome-card>small{color:#287791}@media(max-width:560px){.welcome-card{min-height:88vh;padding:20px 16px}.welcome-logo{width:68px;height:68px}.open-quran{margin-top:45px}.welcome-card p{font-size:15px}}