@keyframes shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}@keyframes header-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-3d-flip{0%{transform:perspective(1000px)rotateY(0)}20%{transform:perspective(1000px)rotateY(360deg)}to{transform:perspective(1000px)rotateY(360deg)}}.animate-logo-3d{transform-style:preserve-3d;animation:10s ease-in-out infinite logo-3d-flip}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@keyframes shine-sweep{0%{transform:translate(-100%)skew(-15deg)}30%{transform:translate(200%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.animate-shine{animation:4s cubic-bezier(.16,1,.3,1) infinite shine-sweep}.device-perspective-container{perspective:3000px}@keyframes float-device-left{0%,to{transform:translateY(0)rotateY(-22deg)rotateX(10deg)}50%{transform:translateY(-15px)rotateY(-18deg)rotateX(8deg)}}@keyframes float-device-right{0%,to{transform:translateY(0)rotateY(22deg)rotateX(10deg)}50%{transform:translateY(-15px)rotateY(18deg)rotateX(8deg)}}@keyframes float-tablet-left{0%,to{transform:translateY(0)rotateY(-18deg)rotateX(6deg)}50%{transform:translateY(-12px)rotateY(-15deg)rotateX(4deg)}}@keyframes float-tablet-right{0%,to{transform:translateY(0)rotateY(18deg)rotateX(6deg)}50%{transform:translateY(-12px)rotateY(15deg)rotateX(4deg)}}.device-studio-iphone{width:290px;height:590px;transform-style:preserve-3d;background:#1a1a1a;border:1px solid #333;border-radius:52px;margin:auto;padding:12px;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 20px #0006,25px 50px 100px -20px #0009,inset 0 0 0 1px #ffffff08}@media (max-width:640px){.device-studio-iphone{aspect-ratio:9/19;width:85vw;max-width:300px;height:auto}}.device-studio-iphone.face-left{animation:8s ease-in-out infinite float-device-left}.device-studio-iphone.face-right{animation:8s ease-in-out infinite float-device-right}.device-studio-iphone:hover{animation-play-state:paused;transform:rotateY(0)rotateX(0)scale(1.03)}.glass-reflection{pointer-events:none;z-index:20;background:linear-gradient(125deg,#ffffff1a 0%,#ffffff0d 40%,#0000 45%,#ffffff05 100%);position:absolute;inset:0}.iphone-screen-studio{background:#000;border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.device-studio-safari{aspect-ratio:16/10;background:#111;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;width:100%;max-width:950px;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px -20px #0009,0 10px 30px -10px #0000004d}.device-studio-safari.face-left{transform:rotateX(6deg)rotateY(-10deg)}.device-studio-safari.face-right{transform:rotateX(6deg)rotateY(10deg)}.device-studio-safari:hover{transform:rotateX(0)rotateY(0)scale(1.02)translateY(-10px)!important}.safari-top-bar{background:#1a1a1a;border-bottom:1px solid #2a2a2a;align-items:center;gap:8px;height:36px;padding:0 16px;display:flex}.safari-dot{border-radius:50%;width:10px;height:10px}.dot-red{opacity:.8;background:#ff5f56}.dot-yellow{opacity:.8;background:#ffbd2e}.dot-green{opacity:.8;background:#27c93f}.safari-address{background:#262626;border:1px solid #333;border-radius:6px;flex:1;height:20px;margin:0 40px}.device-studio-tablet{aspect-ratio:4/3;background:#1a1a1a;border:1px solid #333;border-radius:32px;width:100%;max-width:620px;padding:14px;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:-30px 40px 100px -20px #00000080,inset 0 0 0 1px #ffffff08}.device-studio-tablet.face-left{animation:10s ease-in-out infinite float-tablet-left}.device-studio-tablet.face-right{animation:10s ease-in-out infinite float-tablet-right}.device-studio-tablet:hover{animation-play-state:paused;transform:rotateY(0)rotateX(0)scale(1.03)}.tablet-screen-studio{background:#000;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}.template-default{font-family:Almarai,sans-serif}