:root{--primary-navy:#0b1c4b;--primary-dark:#061233;--accent-teal:#00c4cc;--accent-pink:#e11281;--accent-pink-hover:#c50e70;--white:#fff;--gray-light:#f8f9fa;--gray-text:#6c757d;--text-dark:#1a2a4a;--error:#dc3545;--success:#28a745;--font-family:"Cairo",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition-fast:.2s ease;--transition-medium:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--text-dark);background:var(--white);min-height:100vh;line-height:1.6;overflow-x:hidden}.container{flex-direction:row;min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--primary-navy)0%,var(--primary-dark)100%);flex-direction:column;width:40%;min-width:400px;display:flex;position:relative;overflow:hidden}.sidebar-content{z-index:2;padding:var(--spacing-xl);flex-direction:column;flex:1;display:flex;position:relative}.logo{margin-bottom:var(--spacing-xl)}.logo-container{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);text-decoration:none;display:flex}.logo-image{flex-shrink:0}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--white);letter-spacing:2px;font-size:1.8rem;font-weight:800;line-height:1.1}.logo-subtitle{color:#ffffffb3;letter-spacing:.5px;font-size:.75rem;font-weight:500}.logo-svg{width:120px;height:40px}.sidebar-text{margin-top:auto;margin-bottom:auto}.accent-line{background:var(--accent-teal);width:60px;height:4px;margin-bottom:var(--spacing-md);border-radius:2px}.sidebar h1{color:var(--white);margin-bottom:var(--spacing-md);font-size:2rem;font-weight:700;line-height:1.3}.sidebar-description{color:#fffc;font-size:1.1rem;font-weight:400}.sidebar-background-image{z-index:0;position:absolute;inset:0;overflow:hidden}.sidebar-background-image:after{content:"";z-index:1;background:linear-gradient(270deg,#0b1c4bd9 0%,#0b1c4b99 100%);position:absolute;inset:0}.skyline-overlay{opacity:.6;pointer-events:none;z-index:2;background-color:#0000;background-image:linear-gradient(#0000 0%,#0b1c4be6 100%),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 800 400\"><defs><linearGradient id=\"skyGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"><stop offset=\"0%\" style=\"stop-color:%23ffffff;stop-opacity:0.05\"/><stop offset=\"100%\" style=\"stop-color:%23ffffff;stop-opacity:0.02\"/></linearGradient></defs><rect x=\"50\" y=\"200\" width=\"30\" height=\"200\" fill=\"url(%23skyGrad)\"/><rect x=\"90\" y=\"150\" width=\"40\" height=\"250\" fill=\"url(%23skyGrad)\"/><rect x=\"140\" y=\"100\" width=\"35\" height=\"300\" fill=\"url(%23skyGrad)\"/><rect x=\"185\" y=\"180\" width=\"45\" height=\"220\" fill=\"url(%23skyGrad)\"/><rect x=\"240\" y=\"80\" width=\"50\" height=\"320\" fill=\"url(%23skyGrad)\"/><rect x=\"300\" y=\"50\" width=\"25\" height=\"350\" fill=\"url(%23skyGrad)\"/><rect x=\"335\" y=\"120\" width=\"55\" height=\"280\" fill=\"url(%23skyGrad)\"/><rect x=\"400\" y=\"60\" width=\"40\" height=\"340\" fill=\"url(%23skyGrad)\"/><rect x=\"450\" y=\"140\" width=\"35\" height=\"260\" fill=\"url(%23skyGrad)\"/><rect x=\"495\" y=\"90\" width=\"45\" height=\"310\" fill=\"url(%23skyGrad)\"/><rect x=\"550\" y=\"160\" width=\"30\" height=\"240\" fill=\"url(%23skyGrad)\"/><rect x=\"590\" y=\"110\" width=\"50\" height=\"290\" fill=\"url(%23skyGrad)\"/><rect x=\"650\" y=\"70\" width=\"40\" height=\"330\" fill=\"url(%23skyGrad)\"/><rect x=\"700\" y=\"130\" width=\"35\" height=\"270\" fill=\"url(%23skyGrad)\"/><rect x=\"745\" y=\"180\" width=\"45\" height=\"220\" fill=\"url(%23skyGrad)\"/></svg>");background-position:bottom;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:60%;animation:4s ease-in-out infinite pulse;position:absolute;bottom:0;left:0;right:0}.main-content{background:var(--white);padding:var(--spacing-xl);flex:1;justify-content:center;align-items:center;display:flex}.content-wrapper{width:100%;max-width:550px}.accent-line-dark{background:var(--accent-teal)}.main-content h2{color:var(--primary-navy);margin-bottom:var(--spacing-md);font-size:1.8rem;font-weight:700;line-height:1.4}.intro-text{color:var(--gray-text);margin-bottom:var(--spacing-lg);font-size:1.05rem;line-height:1.7}.steps-section{margin-bottom:var(--spacing-lg)}.steps-section h3,.features-section h3{color:var(--primary-navy);margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600}.steps-list{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.steps-list li{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--gray-light);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:8px;display:flex}.steps-list li:hover{transform:translate(-5px);box-shadow:0 4px 12px #00000014}.step-number{background:var(--accent-teal);width:32px;height:32px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.step-text{color:var(--text-dark);font-weight:500}.features-section{margin-bottom:var(--spacing-lg)}.features-list{gap:var(--spacing-sm);flex-wrap:wrap;list-style:none;display:flex}.features-list li{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);transition:all var(--transition-fast);background:linear-gradient(135deg,#00c4cc1a 0%,#00c4cc0d 100%);border:1px solid #00c4cc33;border-radius:20px;display:flex}.features-list li:hover{border-color:var(--accent-teal);background:linear-gradient(135deg,#00c4cc26 0%,#00c4cc1a 100%)}.check-icon{color:var(--accent-teal);font-size:1rem;font-weight:700}.cta-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--accent-pink)0%,var(--accent-pink-hover)100%);color:var(--white);font-family:var(--font-family);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-medium);margin-bottom:var(--spacing-md);border:none;border-radius:8px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #e112814d}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e1128166}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-1px)}.cta-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.arrow-icon{width:24px;height:24px;transition:transform var(--transition-fast)}.cta-button:hover .arrow-icon{transform:translate(-5px)}.time-estimate{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--gray-text);font-size:.9rem;display:flex}.clock-icon{width:18px;height:18px;stroke:var(--gray-text)}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--primary-navy);margin-bottom:var(--spacing-xs);font-size:.95rem;font-weight:600;display:block}.form-input{width:100%;padding:.875rem var(--spacing-sm);font-family:var(--font-family);color:var(--text-dark);transition:all var(--transition-fast);background:var(--white);border:2px solid #e9ecef;border-radius:8px;font-size:1rem}.form-input:focus{border-color:var(--accent-teal);outline:none;box-shadow:0 0 0 3px #00c4cc1a}.form-input::placeholder{color:#adb5bd}.form-input.error{border-color:var(--error)}.form-textarea{resize:vertical;min-height:100px;font-family:var(--font-family)}.form-section-title{margin:var(--spacing-lg)0 var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid #e9ecef}.form-section-title h3{color:var(--primary-navy);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600}.form-section-title p{color:var(--gray-text);margin:0;font-size:.9rem}.form-error{color:var(--error);margin-top:var(--spacing-xs);font-size:.85rem}.form-hint{color:var(--gray-text);margin-top:var(--spacing-xs);font-size:.85rem}.password-input-wrapper{position:relative}.password-toggle{left:var(--spacing-sm);cursor:pointer;color:var(--gray-text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary-navy)}.checkbox-wrapper{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;display:flex}.checkbox-input{width:20px;height:20px;accent-color:var(--accent-teal);cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-label{color:var(--text-dark);font-size:.9rem;line-height:1.5}.checkbox-label a{color:var(--accent-teal);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.form-link{color:var(--accent-teal);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.form-link:hover{color:var(--primary-navy);text-decoration:underline}.form-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--gray-text)}.form-footer a{color:var(--accent-pink);font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}.divider{margin:var(--spacing-lg)0;align-items:center;display:flex}.divider:before,.divider:after{content:"";background:#e9ecef;flex:1;height:1px}.divider span{padding:0 var(--spacing-sm);color:var(--gray-text);font-size:.9rem}.social-buttons{gap:var(--spacing-sm);display:flex}.social-button{background:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);color:var(--text-dark);transition:all var(--transition-fast);border:2px solid #e9ecef;border-radius:8px;flex:1;padding:.75rem;font-size:.9rem;font-weight:500;display:flex}.social-button:hover{border-color:var(--accent-teal);background:var(--gray-light)}.social-button svg{width:20px;height:20px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#0b1c4bcc;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;transition:transform .3s;overflow-y:auto;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px #00000040}.modal-overlay.active .modal-content{transform:scale(1)translateY(0)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--primary-navy);font-size:1.3rem;font-weight:700}.modal-close{cursor:pointer;color:var(--gray-text);padding:var(--spacing-xs);transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px}.modal-close:hover{background:var(--gray-light);color:var(--primary-navy)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);gap:var(--spacing-sm);border-top:1px solid #e9ecef;justify-content:space-between;display:flex}.progress-steps{justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);display:flex}.progress-step{width:40px;height:4px;transition:background var(--transition-fast);background:#e9ecef;border-radius:2px}.progress-step.active,.progress-step.completed{background:var(--accent-teal)}.options-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.option-card{padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:2px solid #e9ecef;border-radius:12px}.option-card:hover{border-color:var(--accent-teal);background:#00c4cc0d}.option-card.selected{border-color:var(--accent-teal);background:#00c4cc1a}.option-card-icon{width:48px;height:48px;margin:0 auto var(--spacing-sm);color:var(--accent-teal);background:linear-gradient(135deg,#00c4cc1a 0%,#00c4cc0d 100%);border-radius:12px;justify-content:center;align-items:center;display:flex}.option-card h4{color:var(--primary-navy);margin-bottom:var(--spacing-xs);font-size:1rem}.option-card p{color:var(--gray-text);font-size:.85rem}.btn-secondary{padding:.875rem var(--spacing-lg);background:var(--white);color:var(--primary-navy);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-weight:600}.btn-secondary:hover{border-color:var(--primary-navy);background:var(--gray-light)}.btn-primary{padding:.875rem var(--spacing-lg);background:linear-gradient(135deg,var(--accent-pink)0%,var(--accent-pink-hover)100%);color:var(--white);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #e112814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e1128166}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.sidebar{width:35%;min-width:300px}.sidebar h1{font-size:1.6rem}}@media (max-width:768px){.container{flex-direction:column}.sidebar{width:100%;min-width:100%;min-height:280px}.sidebar-content{padding:var(--spacing-lg)}.sidebar-text{margin-top:var(--spacing-lg);margin-bottom:0}.main-content{padding:var(--spacing-lg)}.content-wrapper{max-width:100%}.main-content h2{font-size:1.5rem}.features-list{flex-direction:column}.features-list li{width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (max-width:480px){.sidebar-content{padding:var(--spacing-md)}.sidebar h1{font-size:1.4rem}.main-content{padding:var(--spacing-md)}.main-content h2{font-size:1.3rem}.cta-button{padding:var(--spacing-sm)var(--spacing-md);font-size:1.1rem}.options-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-slideInRight{animation:.8s forwards slideInRight}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.alert{padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);border-radius:8px;display:flex}.alert-error{color:var(--error);background:#dc35451a;border:1px solid #dc354533}.alert-success{color:var(--success);background:#28a7451a;border:1px solid #28a74533}.alert-icon{flex-shrink:0;width:20px;height:20px}.setup-sidebar{position:relative}.setup-sidebar-image{z-index:0;position:absolute;inset:0;overflow:hidden}.setup-sidebar-image:after{content:"";z-index:1;background:linear-gradient(270deg,#0b1c4bd9 0%,#0b1c4b99 100%);position:absolute;inset:0}.setup-sidebar .sidebar-content{z-index:2;padding-top:var(--spacing-xl);justify-content:flex-start}.setup-header{flex-direction:column;display:flex}.setup-header .logo-container{margin-bottom:var(--spacing-xl)}.setup-title{margin-top:var(--spacing-md)}.setup-title h1{color:var(--white);font-size:1.8rem;font-weight:700;line-height:1.3}.setup-content{max-width:600px}.setup-form{margin-top:var(--spacing-lg)}.form-row{gap:var(--spacing-md);display:flex}.form-row .form-group{flex:1}.phone-code{flex:0 0 180px!important}.phone-number{flex:1!important}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"%236c757d\" d=\"M6 8L1 3h10z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.phone-row{flex-direction:row}.phone-row .phone-code{order:2}.phone-row .phone-number{order:1}.privacy-notice{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--gray-light);border-radius:8px}.privacy-notice p{color:var(--gray-text);margin-bottom:var(--spacing-sm);font-size:.85rem;line-height:1.7}.privacy-notice .checkbox-wrapper{margin:var(--spacing-md)0;padding:var(--spacing-sm)0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.privacy-text{font-size:.8rem!important}.consent-text{font-style:italic;font-size:.8rem!important}.form-actions{margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.next-button{width:auto;min-width:150px}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.phone-code{flex:1!important}.form-actions{justify-content:stretch}.next-button{width:100%}}.business-summary{margin-top:var(--spacing-xl);padding:var(--spacing-md);border-right:3px solid var(--accent-teal);background:#ffffff1a;border-radius:8px}.business-summary h3{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);font-size:.85rem;font-weight:600}.summary-section{margin-bottom:var(--spacing-md)}.summary-section:last-child{margin-bottom:0}.summary-section h4{color:var(--white);margin-bottom:var(--spacing-xs);font-size:.9rem;font-weight:600}.summary-section p{color:#fffc;margin:0;font-size:.85rem;line-height:1.6}.verify-section{margin-bottom:var(--spacing-xl)}.verify-section h2{color:var(--primary-navy);margin-bottom:var(--spacing-lg);font-size:1.4rem}.otp-input-section{margin:var(--spacing-lg)0}.otp-row{gap:var(--spacing-sm);align-items:center;display:flex}.otp-input{text-align:center;letter-spacing:8px;flex:1;max-width:250px;font-size:1.2rem;font-weight:600}.btn-verify{padding:.875rem var(--spacing-lg);background:linear-gradient(135deg,var(--accent-teal)0%,#00a8af 100%);color:var(--white);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-size:1rem;font-weight:600}.btn-verify:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00c4cc66}.btn-verify:disabled{opacity:.6;cursor:not-allowed}.btn-resend{padding:.875rem var(--spacing-lg);background:linear-gradient(135deg,var(--accent-pink)0%,var(--accent-pink-hover)100%);color:var(--white);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-size:1rem;font-weight:600}.btn-resend:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e1128166}.btn-resend:disabled{opacity:.6;cursor:not-allowed}.verify-hints{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--gray-light);border-radius:8px}.verify-hints p{color:var(--text-dark);margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:600}.verify-hints ol{padding-right:var(--spacing-md);color:var(--gray-text);margin:0;font-size:.85rem}.verify-hints li{margin-bottom:var(--spacing-xs)}.form-navigation{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;display:flex}.btn-back{align-items:center;gap:var(--spacing-xs);padding:.75rem var(--spacing-md);color:var(--primary-navy);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:1rem;font-weight:600;display:flex}.btn-back:hover{color:var(--accent-teal)}.btn-back svg{transition:transform var(--transition-fast)}.btn-back:hover svg{transform:translate(5px)}@media (max-width:768px){.otp-row{flex-direction:column}.otp-input{max-width:100%}.btn-verify,.btn-resend{width:100%}.form-navigation{gap:var(--spacing-md);flex-direction:column-reverse}.btn-back,.next-button{justify-content:center;width:100%}}.radio-group{gap:var(--spacing-lg);margin-top:var(--spacing-xs);display:flex}.radio-wrapper{align-items:center;gap:var(--spacing-xs);cursor:pointer;display:flex}.radio-wrapper input[type=radio]{width:20px;height:20px;accent-color:var(--accent-pink);cursor:pointer}.radio-label{color:var(--text-dark);font-size:1rem}.info-icon{width:18px;height:18px;margin-right:var(--spacing-xs);color:var(--gray-text);cursor:help;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.progress-indicator{margin:var(--spacing-xl)0;justify-content:center;align-items:center;gap:0;display:flex}.progress-dot{width:12px;height:12px;transition:all var(--transition-fast);background:#e9ecef;border-radius:50%}.progress-dot.active{background:var(--accent-teal);box-shadow:0 0 0 4px #00c4cc33}.progress-dot.completed{background:var(--accent-teal)}.progress-line{background:#e9ecef;width:60px;height:3px}.progress-line.completed{background:var(--accent-teal)}.form-label{align-items:center;gap:var(--spacing-xs);display:flex}.entity-types{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.entity-type-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--white);cursor:pointer;transition:all var(--transition-fast);border:2px solid #e9ecef;border-radius:12px;display:flex}.entity-type-card:hover{border-color:var(--accent-teal);background:#00c4cc05}.entity-type-card.selected{border-color:var(--accent-teal);background:#00c4cc0d;box-shadow:0 4px 12px #00c4cc26}.entity-type-card.disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.entity-type-card.disabled:hover{background:#f5f5f5;border-color:#e9ecef}.coming-soon-badge{background:linear-gradient(135deg,var(--accent-pink)0%,#c50e70 100%);color:var(--white);border-radius:10px;margin-right:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.entity-type-icon{background:var(--gray-light);width:56px;height:56px;color:var(--primary-navy);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.entity-type-card.selected .entity-type-icon{background:linear-gradient(135deg,var(--accent-teal)0%,#00a8af 100%);color:var(--white)}.entity-type-info{flex:1}.entity-type-info h4{color:var(--primary-navy);margin-bottom:4px;font-size:1.1rem;font-weight:600}.entity-type-info p{color:var(--gray-text);margin:0;font-size:.85rem}.entity-type-info-btn{width:36px;height:36px;color:var(--gray-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #e9ecef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.entity-type-info-btn:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:#00c4cc0d}.progress-bar-container{margin:var(--spacing-xl)0}.progress-bar{height:4px;margin-bottom:var(--spacing-sm);background:#e9ecef;border-radius:2px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-teal)0%,#00a8af 100%);border-radius:2px;height:100%;transition:width .5s}.progress-bar-dots{justify-content:space-between;padding:0 2px;display:flex}.progress-bar-dot{width:12px;height:12px;transition:all var(--transition-fast);background:#e9ecef;border:2px solid #e9ecef;border-radius:50%}.progress-bar-dot.active{background:var(--accent-teal);border-color:var(--accent-teal);box-shadow:0 0 0 4px #00c4cc33}.progress-bar-dot.completed{background:var(--accent-teal);border-color:var(--accent-teal)}.activity-search-container{margin-bottom:var(--spacing-lg);z-index:100;position:relative}.activity-search-wrapper{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--white);border:2px solid var(--accent-teal);transition:all var(--transition-fast);border-radius:12px;display:flex}.activity-search-wrapper:focus-within{box-shadow:0 0 0 4px #00c4cc26}.search-icon{color:var(--gray-text);flex-shrink:0}.activity-search-input{font-size:1rem;font-family:var(--font-family);color:var(--text-dark);background:0 0;border:none;outline:none;flex:1}.activity-search-input::placeholder{color:var(--gray-text)}.search-info-btn{cursor:pointer;color:var(--gray-text);transition:color var(--transition-fast);background:0 0;border:none;padding:4px}.search-info-btn:hover{color:var(--accent-teal)}.activity-dropdown{background:var(--white);z-index:9999;border:1px solid #e9ecef;border-radius:12px;max-height:350px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.activity-dropdown-item{padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #f0f0f0}.activity-dropdown-item:last-child{border-bottom:none}.activity-dropdown-item:hover{background:#00c4cc0d}.activity-dropdown-item.selected{background:#00c4cc1a}.activity-name-ar{color:var(--primary-navy);margin-bottom:2px;font-size:1rem;font-weight:500;display:block}.activity-name-en{color:var(--gray-text);font-size:.85rem;display:block}.activity-dropdown-empty{padding:var(--spacing-lg);text-align:center;color:var(--gray-text)}.activity-loading{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--gray-text);display:flex}.selected-activity{margin-bottom:var(--spacing-md)}.selected-activity-label{color:var(--accent-teal);margin-bottom:var(--spacing-xs);font-size:.9rem;font-weight:500;display:block}.selected-activity-tag{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);border:1px solid var(--accent-teal);color:var(--primary-navy);background:#00c4cc1a;border-radius:20px;font-weight:500;display:inline-flex}.remove-activity-btn{cursor:pointer;color:var(--gray-text);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.remove-activity-btn:hover{color:var(--accent-pink)}@media (max-width:768px){.entity-type-card{padding:var(--spacing-sm)var(--spacing-md)}.entity-type-icon{width:48px;height:48px}.entity-type-info h4{font-size:1rem}}.summary-cards{gap:var(--spacing-md);margin-top:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.summary-card{background:var(--white);transition:all var(--transition-medium);border:1px solid #e9ecef;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.summary-card:hover{border-color:var(--accent-teal);transform:translateY(-2px);box-shadow:0 8px 24px #00c4cc1f}.summary-card-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--gray-light);border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;display:flex}.summary-card-header h3{color:var(--primary-navy);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:flex}.summary-card-header h3:before{content:"";background:var(--accent-teal);border-radius:2px;width:4px;height:16px}.edit-link{color:var(--accent-pink);transition:all var(--transition-fast);background:#e112811a;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;text-decoration:none}.edit-link:hover{background:var(--accent-pink);color:var(--white);text-decoration:none}.summary-card-content{padding:var(--spacing-md)var(--spacing-lg)}.summary-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row:first-child{padding-top:0}.summary-label{color:var(--gray-text);flex-shrink:0;font-size:.85rem}.summary-value{color:var(--primary-navy);text-align:left;word-break:break-word;max-width:60%;font-size:.9rem;font-weight:600}.terms-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#00c4cc0d 0%,#00c4cc05 100%);border:1px solid #00c4cc33;border-radius:12px}.summary-card.full-width{grid-column:1/-1}@media (max-width:900px){.summary-cards{grid-template-columns:1fr}}@media (max-width:768px){.summary-row{flex-direction:column;align-items:flex-start;gap:4px}.summary-value{text-align:right;max-width:100%}.summary-card-header,.summary-card-content{padding:var(--spacing-sm)var(--spacing-md)}}.payment-methods{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.payment-method-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);cursor:pointer;transition:all var(--transition-fast);border:2px solid #e9ecef;border-radius:12px;display:flex}.payment-method-card:hover{border-color:var(--accent-teal);background:#00c4cc05}.payment-method-card.selected{border-color:var(--accent-teal);background:#00c4cc0d;box-shadow:0 4px 12px #00c4cc26}.payment-method-icon{width:60px;height:60px;color:var(--primary-navy);background:#f8f9fa;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.payment-method-icon svg{width:36px;height:36px}.payment-method-card.selected .payment-method-icon{box-shadow:0 0 0 2px var(--accent-teal);background:#f0f9fa}.payment-method-info{flex:1}.payment-method-info h4{color:var(--primary-navy);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600}.payment-method-info p{color:var(--gray-text);margin:0;font-size:.85rem}.payment-method-check{width:32px;height:32px;color:var(--accent-teal);justify-content:center;align-items:center;display:flex}.payment-info{margin-top:var(--spacing-md);padding:var(--spacing-md);border-right:3px solid var(--accent-teal);background:#00c4cc1a;border-radius:8px}.payment-info p{color:var(--text-dark);margin:0;font-size:.9rem}.payment-button{gap:var(--spacing-sm);min-width:200px}.security-notice{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-sm)var(--spacing-md);color:var(--accent-teal);background:#00c4cc1a;border-radius:8px;font-size:.85rem;display:flex}.payment-info{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:linear-gradient(135deg,#00c4cc14 0%,#00c4cc08 100%);border:1px solid #00c4cc33;border-radius:12px;display:flex}.payment-info-icon{background:var(--white);width:48px;height:48px;color:var(--accent-teal);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000000d}.payment-info p{color:var(--primary-navy);margin:0;font-size:.95rem;line-height:1.6}.qr-payment-info{padding:var(--spacing-xl);flex-direction:column;align-items:center}.qr-payment-header{align-items:center;gap:var(--spacing-md);width:100%;margin-bottom:var(--spacing-lg);display:flex}.qr-payment-title h4{color:var(--primary-navy);margin:0 0 4px;font-size:1.1rem;font-weight:600}.qr-payment-title p{color:var(--gray-text);margin:0;font-size:.9rem}.qr-loading{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);flex-direction:column;display:flex}.qr-loading p{color:var(--gray-text);font-size:.9rem}.qr-error{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#dc35451a;border-radius:12px;flex-direction:column;display:flex}.qr-error p{color:#dc3545;margin:0}.btn-retry{background:var(--accent-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;transition:background .2s}.btn-retry:hover{background:#00a8af}.qr-code-container{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.qr-code-wrapper{padding:var(--spacing-md);background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}.qr-code-wrapper.alipay-qr{border:3px solid #1677ff}.qr-code-wrapper.wechat-qr{border:3px solid #07c160}.qr-amount{margin-top:var(--spacing-sm);align-items:baseline;gap:8px;display:flex}.qr-amount .amount-label{color:var(--gray-text);font-size:.9rem}.qr-amount .amount-value{color:var(--primary-navy);font-size:1.5rem;font-weight:700}.qr-amount .amount-usd{color:var(--gray-text);font-size:.85rem}.qr-expiry{color:var(--accent-teal);background:#00c4cc1a;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;display:flex}.crypto-info{flex-direction:column}.crypto-info .payment-info-icon{margin-bottom:var(--spacing-sm)}.crypto-selection{width:100%}.crypto-options{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.crypto-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--white);cursor:pointer;border:2px solid #e9ecef;border-radius:12px;transition:all .2s;display:flex}.crypto-option:hover{border-color:var(--accent-teal);background:#00c4cc05}.crypto-option.selected{border-color:var(--accent-teal);background:#00c4cc14}.crypto-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.crypto-icon svg{width:28px;height:28px}.crypto-option.selected .crypto-icon{box-shadow:0 0 0 2px var(--accent-teal)}.crypto-name{color:var(--primary-navy);font-size:.9rem;font-weight:600}.crypto-network{color:var(--gray-text);background:#f8f9fa;border-radius:4px;margin-right:auto;padding:2px 8px;font-size:.75rem}@media (max-width:768px){.payment-method-card{flex-wrap:wrap}.payment-method-icon{width:50px;height:50px}.payment-method-check{top:var(--spacing-sm);left:var(--spacing-sm);position:absolute}.payment-method-card{position:relative}.crypto-options{grid-template-columns:1fr}.payment-info{text-align:center;flex-direction:column}.payment-info-icon{margin:0 auto}}.success-icon{background:linear-gradient(135deg,var(--accent-teal)0%,#00a8af 100%);width:120px;height:120px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;box-shadow:0 10px 40px #00c4cc4d}.next-steps{margin-top:var(--spacing-xl);text-align:right;max-width:500px;margin-left:auto;margin-right:auto}.next-steps h3{color:var(--primary-navy);margin-bottom:var(--spacing-lg);text-align:center;font-size:1.2rem;font-weight:600}.steps-timeline{gap:var(--spacing-md);flex-direction:column;display:flex}.timeline-item{align-items:flex-start;gap:var(--spacing-md);display:flex}.timeline-icon{background:linear-gradient(135deg,var(--accent-teal)0%,#00a8af 100%);width:48px;height:48px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-icon.pending{background:var(--gray-light);color:var(--gray-text)}.timeline-icon.completed{color:var(--white);background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.timeline-icon.current{color:var(--white);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);animation:2s infinite pulse}.timeline-content{flex:1;padding-top:4px}.timeline-content h4{color:var(--primary-navy);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.timeline-content p{color:var(--gray-text);margin:0;font-size:.85rem}.success-actions{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.success-actions .cta-button{width:auto;min-width:200px}.contact-info{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #e9ecef}.contact-info p{color:var(--gray-text);margin-bottom:var(--spacing-sm);font-size:.9rem}.contact-links{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.contact-links a{color:var(--accent-teal);font-weight:500;text-decoration:none}.contact-links a:hover{text-decoration:underline}.contact-links span{color:var(--gray-text)}@media (max-width:768px){.success-icon{width:100px;height:100px}.success-icon svg{width:60px;height:60px}.success-actions{flex-direction:column}.success-actions .cta-button,.success-actions .btn-secondary{width:100%}}.payment-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-lg);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.payment-popup{background:var(--white);border-radius:32px;width:100%;max-width:700px;min-height:600px;max-height:90vh;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.popup-close{cursor:pointer;width:48px;height:48px;color:var(--gray-text);z-index:10;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;left:20px}.popup-close:hover{color:var(--primary-navy);background:#e0e0e0}.popup-content{padding:var(--spacing-xxl)var(--spacing-xl);align-items:center;gap:var(--spacing-xl);flex-direction:column;min-height:500px;display:flex}.popup-header{text-align:center;margin-top:var(--spacing-lg)}.popup-icon{width:100px;height:100px;margin:0 auto var(--spacing-lg);border-radius:24px;justify-content:center;align-items:center;display:flex;overflow:hidden}.popup-icon svg{width:70px;height:70px}.popup-icon.card-icon{background:linear-gradient(135deg,#1a1f71 0%,#2d3494 100%)}.popup-icon.apple-icon{background:#000}.popup-icon.google-icon{background:#fff;border:2px solid #e0e0e0}.popup-icon.alipay-icon{background:#1677ff}.popup-icon.wechat-icon{background:#07c160}.popup-icon.crypto-icon{background:linear-gradient(135deg,#f7931a 0%,#e8820c 100%)}.popup-header h3{color:var(--primary-navy);margin:0 0 12px;font-size:1.8rem;font-weight:700}.popup-header p{color:var(--gray-text);margin:0;font-size:1.1rem}.popup-amount{padding:var(--spacing-lg)var(--spacing-xl);background:linear-gradient(135deg,#00c4cc1a 0%,#00c4cc0d 100%);border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;display:flex}.popup-amount .amount-label{color:var(--gray-text);font-size:1rem}.popup-amount .amount-value{color:var(--primary-navy);font-size:3rem;font-weight:700}.card-form{gap:var(--spacing-lg);flex-direction:column;width:100%;max-width:450px;display:flex}.card-form .form-group{flex-direction:column;gap:8px;display:flex}.card-form label{color:var(--primary-navy);font-size:1rem;font-weight:600}.card-form input{text-align:left;direction:ltr;border:2px solid #e9ecef;border-radius:14px;padding:18px 20px;font-size:1.1rem;transition:border-color .2s}.card-form input:focus{border-color:var(--accent-teal);outline:none}.card-form .form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.popup-pay-btn{cursor:pointer;background:linear-gradient(135deg,var(--accent-teal)0%,#00a8af 100%);color:#fff;width:100%;max-width:450px;margin-top:var(--spacing-md);border:none;border-radius:16px;padding:20px 32px;font-size:1.3rem;font-weight:600;transition:all .2s}.popup-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00c4cc4d}.popup-pay-btn:disabled{opacity:.6;cursor:not-allowed}.popup-pay-btn.apple-pay-btn{background:#000;font-size:1.2rem}.popup-pay-btn.google-pay-btn{background:#4285f4}.crypto-selection-popup{width:100%;max-width:450px}.crypto-selection-popup .crypto-label{color:var(--primary-navy);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600}.crypto-address-section{text-align:center;width:100%;max-width:450px}.crypto-address-section .address-label{color:var(--gray-text);margin-bottom:12px;font-size:1rem}.address-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:16px 20px;display:flex}.address-box code{color:var(--primary-navy);font-family:monospace;font-size:1.1rem}.copy-btn{background:var(--white);cursor:pointer;color:var(--gray-text);border:none;border-radius:10px;padding:10px;transition:all .2s}.copy-btn:hover{background:var(--accent-teal);color:#fff}.popup-security{padding:var(--spacing-lg);color:var(--gray-text);background:#f8f9fa;border-radius:0 0 32px 32px;justify-content:center;align-items:center;gap:10px;font-size:1rem;display:flex}.payment-popup .qr-code-wrapper{padding:var(--spacing-lg)}.payment-popup .qr-amount .amount-value{font-size:2rem}@media (max-width:768px){.payment-popup{border-radius:24px 24px 0 0;max-width:100%;min-height:auto;max-height:90vh;position:fixed;bottom:0}.popup-content{padding:var(--spacing-xl)var(--spacing-lg);min-height:auto}.popup-icon{width:80px;height:80px}.popup-icon svg{width:50px;height:50px}.popup-header h3{font-size:1.5rem}.popup-amount .amount-value{font-size:2.5rem}}
