*{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,Tajawal,sans-serif;color:#fff}body{overflow:hidden;background-color:#6b46c1;width:100%;min-height:100dvh}main{display:flex;overflow:hidden;height:auto;max-width:100%;align-items:center;justify-content:space-between}.bg{z-index:-1;position:absolute;width:100%;height:100%;overflow:hidden}.square{width:70vh;height:70vh;background-color:#82c91e;border-radius:1.5vh;position:absolute;left:0;rotate:-20deg}#square1{top:-20vh;left:-20vh}#square2{top:20vh;left:20vh}.right{height:100dvh;padding:2rem;margin-right:6vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.left{height:100dvh;width:100%;min-width:74dvh;max-width:100dvh;display:flex;justify-content:center;position:relative}#phone-canvas{width:100%;height:100dvh}.loading-text{position:absolute;color:#fff;font-family:Arial,sans-serif;font-size:2rem;top:50%}.logo{align-self:center;width:30dvh;margin-bottom:1rem}.slogan{font-size:clamp(1.3rem,1.3rem + 1vw,2.2rem);margin-bottom:2rem;font-weight:700;text-wrap:nowrap}.heart-icon{color:#e83e8c;margin-left:.5rem}.download-now{font-size:clamp(1.4rem,1.4rem + 1.4vw,2.5rem);width:fit-content;margin-inline:auto}.store-buttons{display:flex;gap:1rem;margin-top:30px}.store-button{transition:all .3s ease}.store-button:hover{transform:translateY(-3px)}.store-button img{width:clamp(190px,20vw,30dvh);height:auto}.social-links{align-self:flex-start;display:flex;gap:1rem;margin-top:3rem}.social-links-mobile{display:none}.social-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-icon:hover{transform:translateY(-5px)}.social-icon img{width:50px;height:auto}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.phone-container{animation:float 4s ease-in-out infinite}@media screen and (orientation:portrait),screen and (min-resolution: 200dpi){main{flex-direction:column-reverse;justify-content:space-between;padding:.5rem;height:100dvh}.left{justify-content:flex-start;min-width:10px;height:100%;max-height:100vw;overflow-x:hidden}.right{height:auto;margin-right:0;margin-block:20px;padding:0rem;gap:1.5rem;flex-grow:1;flex-direction:column-reverse;justify-content:space-between}#phone-canvas{height:100%;width:100%;translate:20px}.bg .square{overflow-x:hidden;width:50vh;height:75vh;rotate:10deg}#square1{top:-30vh;left:-5vh}#square2{display:none}.logo{width:20vh;margin-bottom:none}.slogan{text-align:center;margin-bottom:1rem;text-wrap-mode:nowrap}.store-buttons{align-items:center;margin:10px}.store-button img{width:100%;max-width:400px}.social-links{display:none}.social-links-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5dvh;flex-wrap:wrap;width:fit-content;margin-right:10px}.social-icon img{width:6dvh}.phone-container{animation:float 3s ease-in-out infinite}}