.intro-overlay{z-index:99999;background-color:#0f3b2e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.85,0,.15,1),opacity .8s cubic-bezier(.85,0,.15,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.intro-overlay.fade-out-up{opacity:.9;transform:translateY(-100%)}.intro-bg-patterns{pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='%23c5a880' fill-opacity='0.2'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.intro-pattern-circle-1,.intro-pattern-circle-2{border:1px solid #c5a88033;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-pattern-circle-1{width:500px;height:500px}.intro-pattern-circle-2{border-style:dashed;width:700px;height:700px}.intro-content{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.islamic-star-wrapper{opacity:.45;pointer-events:none;width:320px;height:320px;animation:30s linear infinite rotateStar;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.islamic-star-svg{width:100%;height:100%}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-frame-container{width:140px;height:140px;margin-bottom:25px;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards scaleIn;position:relative}.logo-frame{z-index:2;background:linear-gradient(135deg,#ebdcb9,#c5a880,#d4af37);border-radius:50%;width:100%;height:100%;padding:4px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}.logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.logo-frame-glow{z-index:1;background:radial-gradient(circle,#c5a88099 0%,#0000 70%);border-radius:50%;animation:2.5s infinite alternate pulseGlow;position:absolute;inset:-5px}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.95)}to{opacity:.9;transform:scale(1.1)}}.brand-name-intro{font-family:var(--font-serif), serif;color:#ebdcb9;letter-spacing:1px;text-shadow:0 0 15px #c5a88066,0 2px 4px #0000004d;opacity:0;margin:0;font-size:3rem;font-weight:700;animation:1s cubic-bezier(.16,1,.3,1) .4s forwards fadeInUp}.intro-divider{opacity:0;justify-content:center;align-items:center;width:180px;margin:12px 0;animation:1s ease-out .8s forwards fadeIn;display:flex}.intro-divider:before,.intro-divider:after{content:"";background:linear-gradient(to var(--direction,right), transparent, #c5a88080, transparent);flex:1;height:1px}.intro-divider:before{--direction:left}.divider-star{color:#c5a880;margin:0 10px;font-size:.9rem;animation:1.5s infinite alternate pulse}.brand-tagline-intro{font-family:var(--font-sans), sans-serif;color:#ebdcb9cc;letter-spacing:.5px;opacity:0;margin:0;font-size:1.1rem;font-weight:400;animation:1s cubic-bezier(.16,1,.3,1) .8s forwards fadeInUp}.intro-footer{text-align:center;opacity:0;pointer-events:none;animation:1.2s ease-out 1.2s forwards fadeIn;position:absolute;bottom:40px}.intro-footer p{font-family:var(--font-serif), serif;color:#c5a880b3;letter-spacing:1px;font-size:1.2rem;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.6}to{opacity:1}}