@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{--primary:#00b5a1;--primary-hover:#009e8c;--secondary:#ffa65c;--tertiary:#ff7e36;--yellow:#ffd166;--bg-color:#1a0f0a;--text-main:#2d3436;--text-muted:#636e72;--card-bg:#ff7e3626;--border-radius:24px;--input-radius:16px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);direction:rtl;background-color:#faf3ee;background-image:radial-gradient(circle at 10% 20%,#00b5a11a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffa65c33 0%,#0000 40%),radial-gradient(circle,#ff7e361a 0%,#0000 50%);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Cairo,sans-serif;display:flex}.app-container{width:100%;max-width:600px;margin:0 auto}.header{text-align:center;margin-bottom:2.5rem;animation:.8s ease-out fadeInDown}.logo{color:var(--primary);text-shadow:2px 2px #0000000d;margin-bottom:.5rem;font-size:3rem;font-weight:800}.logo span{color:var(--secondary)}.site-logo{max-width:120px;margin-bottom:.5rem;animation:.8s ease-out fadeInDown;display:inline-block}.subtitle{color:var(--text-muted);font-size:1.1rem;font-weight:600}.form-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);border:2px solid #ffa65c4d;padding:2.5rem 2rem;animation:.6s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 20px 40px #ff7e361a,0 1px 3px #0000000d}.form-card:before{content:"";background:linear-gradient(to right, var(--primary), var(--secondary), var(--tertiary), var(--yellow));height:6px;position:absolute;top:0;left:0;right:0}.step-indicator{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.step-dot{width:12px;height:12px;transition:var(--transition);background-color:#dfe6e9;border-radius:50%}.step-dot.active{background-color:var(--primary);transform:scale(1.3)}.step-dot.completed{background-color:var(--tertiary)}.form-group{margin-bottom:1.5rem;animation:.4s ease-out fadeIn}.form-label{color:var(--text-main);margin-bottom:.5rem;font-size:1.05rem;font-weight:700;display:block}.form-input{border-radius:var(--input-radius);width:100%;transition:var(--transition);color:var(--text-main);background-color:#fffc;border:2px solid #edf2f7;padding:1rem 1.2rem;font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--tertiary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #ff7e3626}.packages-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=480px){.packages-grid{grid-template-columns:1fr}}.package-card{border-radius:var(--input-radius);text-align:center;cursor:pointer;transition:var(--transition);background:#fffc;border:2px solid #edf2f7;padding:1.5rem 1rem;position:relative;overflow:hidden}.package-card:hover{border-color:var(--tertiary);transform:translateY(-5px);box-shadow:0 10px 20px #4ecdc41a}.package-card.selected{border-color:var(--primary);background-color:#00b5a10d;box-shadow:0 10px 20px #00b5a126}.package-card.selected:after{content:"✓";background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.package-icon{margin-bottom:.5rem;font-size:2.5rem;animation:2s infinite bounce;display:inline-block}.package-name{color:var(--text-main);margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.package-price{color:var(--primary);font-size:1.4rem;font-weight:800}.package-price span{color:var(--text-muted);font-size:.9rem}.btn-container{gap:1rem;margin-top:2rem;display:flex}.btn{border-radius:var(--input-radius);cursor:pointer;transition:var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1.1rem;font-weight:700;display:flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 15px #00b5a14d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00b5a166}.btn-primary:active{transform:translateY(0)}.next-arrow{width:20px;height:20px;transition:var(--transition)}.btn-primary:active .next-arrow{stroke:#2ecc71}.btn-secondary{color:var(--text-muted);background-color:#f1f2f6}.btn-secondary:hover{background-color:#dfe6e9}.bg-shapes-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.floating-shape{color:var(--tertiary);opacity:.08;animation:linear infinite float;position:absolute}.shape-1{width:120px;height:120px;animation-duration:25s;top:10%;left:10%;transform:rotate(15deg)}.shape-2{width:150px;height:150px;animation-duration:35s;animation-delay:-5s;top:60%;left:5%;transform:rotate(-20deg)}.shape-3{width:100px;height:100px;animation-duration:30s;animation-delay:-10s;top:20%;right:10%;transform:rotate(10deg)}.shape-4{width:130px;height:130px;animation-duration:28s;animation-delay:-15s;top:70%;right:15%;transform:rotate(-15deg)}.shape-5{opacity:.04;width:180px;height:180px;animation-duration:40s;animation-delay:-20s;top:40%;left:50%;transform:rotate(5deg)translate(-50%)}.shape-6{width:90px;height:90px;animation-duration:22s;animation-delay:-2s;top:80%;left:20%;transform:rotate(45deg)}.shape-7{width:110px;height:110px;animation-duration:32s;animation-delay:-8s;top:15%;right:30%;transform:rotate(-30deg)}.shape-8{width:140px;height:140px;animation-duration:38s;animation-delay:-12s;top:50%;right:5%;transform:rotate(25deg)}.shape-9{width:100px;height:100px;animation-duration:26s;animation-delay:-4s;top:5%;left:40%;transform:rotate(-10deg)}.shape-10{width:160px;height:160px;animation-duration:45s;animation-delay:-25s;top:85%;right:40%;transform:rotate(15deg)}.shape-11{width:130px;height:130px;animation-duration:34s;animation-delay:-18s;top:35%;left:-5%;transform:rotate(60deg)}.shape-12{width:80px;height:80px;animation-duration:20s;animation-delay:-7s;top:65%;right:25%;transform:rotate(-40deg)}@keyframes float{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-30px)rotate(10deg)}66%{transform:translateY(20px)rotate(-10deg)}to{transform:translateY(0)rotate(0)}}.success-container{text-align:center;padding:2rem 0;animation:.5s ease-out scaleIn}.success-icon{margin-bottom:1rem;font-size:5rem;animation:1s ease-out tada;display:inline-block}.success-title{color:var(--tertiary);margin-bottom:1rem;font-size:2rem;font-weight:800}.success-text{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-btn{border-radius:var(--input-radius);transition:var(--transition);justify-content:center;align-items:center;gap:.8rem;padding:1rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.contact-whatsapp{color:#fff;background-color:#25d366}.contact-whatsapp:hover{background-color:#128c7e;transform:translateY(-3px);box-shadow:0 10px 20px #25d3664d}.contact-telegram{color:#fff;background-color:#08c}.contact-telegram:hover{background-color:#0077b5;transform:translateY(-3px);box-shadow:0 10px 20px #0088cc4d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}