@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{direction:rtl}body{font-family:Cairo,sans-serif;min-height:100vh;background:#07111a;display:flex;align-items:center;justify-content:center;padding:32px 16px;overflow-x:hidden;animation:fadeIn .6s ease}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(138,190,185,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(138,190,185,.035) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0}.bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.bg-orb-1{width:640px;height:640px;background:radial-gradient(circle,rgba(48,86,105,.35) 0%,transparent 65%);top:-220px;right:-160px;filter:blur(70px);animation:drift1 13s ease-in-out infinite alternate}.bg-orb-2{width:480px;height:480px;background:radial-gradient(circle,rgba(138,190,185,.12) 0%,transparent 65%);bottom:-140px;left:-100px;filter:blur(80px);animation:drift2 15s ease-in-out infinite alternate}.bg-orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(183,229,205,.07) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(90px);animation:drift1 10s ease-in-out infinite alternate-reverse}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(40px,28px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-28px,-18px)}}.page-wrap{position:relative;z-index:1;width:100%;max-width:460px}.header{text-align:center;margin-bottom:32px}.logo-ring{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#30566966;border:1.5px solid rgba(138,190,185,.4);margin-bottom:14px;box-shadow:0 0 36px #8abeb926,inset 0 0 20px #8abeb90d;animation:logoFloat 4s ease-in-out infinite}.logo-emoji{font-size:2.2rem}@keyframes logoFloat{0%,to{transform:translateY(0);box-shadow:0 0 32px #8abeb91f}50%{transform:translateY(-6px);box-shadow:0 14px 44px #8abeb938}}.header-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#b7e5cd,#8abeb9,#5a9ea8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.header-sub{color:#8abeb973;font-size:.82rem;font-weight:500;margin-top:6px;letter-spacing:.5px}.card{background:linear-gradient(145deg,#30566938,#1332462e,#30566924);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(138,190,185,.2);border-radius:28px;padding:28px 26px 32px;box-shadow:0 2px #b7e5cd0f inset,0 -1px #00000059 inset,0 24px 60px #00000080,0 0 0 1px #00000040}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(138,190,185,.12)}.card-header-icon{font-size:1.1rem}.card-header-text{font-size:.9rem;font-weight:700;color:#8abeb9a6;letter-spacing:.3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-group{margin-bottom:18px}.field-label{display:flex;align-items:center;gap:7px;color:#8abeb9b3;font-size:.8rem;font-weight:700;margin-bottom:7px;letter-spacing:.2px}.label-dot{width:5px;height:5px;border-radius:50%;background:#8abeb9;flex-shrink:0;box-shadow:0 0 6px #8abeb980}.input-wrap{position:relative}.input-suffix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8abeb959;font-size:.78rem;font-weight:600;pointer-events:none}.field-input{width:100%;padding:11px 14px;background:#07111a99;border:1.5px solid rgba(48,86,105,.6);border-radius:13px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;color:#e5f4f2;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input::placeholder{color:#8abeb933}.field-input:focus{border-color:#8abeb9a6;background:#30566926;box-shadow:0 0 0 3px #8abeb91a,0 0 16px #8abeb90f}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7) sepia(.3) saturate(1.5) hue-rotate(160deg);cursor:pointer;opacity:.7}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.4}.custom-select-wrap{position:relative}.custom-select-btn{width:100%;padding:11px 14px;background:#07111a99;border:1.5px solid rgba(48,86,105,.6);border-radius:13px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;color:#e5f4f24d;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;text-align:right}.custom-select-btn.has-value{color:#e5f4f2}.custom-select-btn:hover,.custom-select-btn:focus{border-color:#8abeb973;background:#3056691f}.custom-select-btn.open{border-color:#8abeb9a6;background:#3056692e;box-shadow:0 0 0 3px #8abeb91a;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:#8abeb914}.custom-select-arrow{color:#8abeb973;flex-shrink:0;display:flex;transition:transform .25s cubic-bezier(.4,0,.2,1)}.custom-select-btn.open .custom-select-arrow{transform:rotate(180deg);color:#8abeb9}.custom-dropdown{position:absolute;top:calc(100% - 1px);right:0;left:0;z-index:100;background:#0a1621f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(138,190,185,.28);border-top:1px solid rgba(138,190,185,.07);border-radius:0 0 14px 14px;box-shadow:0 20px 50px #000000a6,0 0 0 1px #0006,inset 0 1px #8abeb90f;overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.4,0,.2,1)}.custom-dropdown.open{opacity:1;transform:translateY(0);pointer-events:all}.dropdown-inner{max-height:220px;overflow-y:auto;padding:6px}.dropdown-inner::-webkit-scrollbar{width:4px}.dropdown-inner::-webkit-scrollbar-track{background:transparent}.dropdown-inner::-webkit-scrollbar-thumb{background:#8abeb933;border-radius:4px}.dropdown-loading,.dropdown-empty{padding:16px;text-align:center;color:#8abeb966;font-size:.85rem}.dropdown-option{padding:10px 14px;border-radius:9px;cursor:pointer;color:#e5f4f2b3;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent}.dropdown-option:hover{background:#30566966;color:#e5f4f2;border-color:#8abeb91f}.dropdown-option.selected{background:#8abeb91f;color:#b7e5cd;border-color:#8abeb933}.dropdown-option .opt-check{font-size:.75rem;opacity:0;color:#8abeb9}.dropdown-option.selected .opt-check{opacity:1}.dropdown-option.out-of-stock{opacity:.4;cursor:not-allowed}.out-badge{font-size:.65rem;background:#c0505033;color:#e08080;border:1px solid rgba(192,80,80,.3);border-radius:4px;padding:1px 5px;margin-right:4px}.req-star{color:#e08080b3;font-size:.75rem}.total-preview{margin-bottom:18px;animation:slideDown .25s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.total-preview-inner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#30566959,#8abeb914);border:1px solid rgba(138,190,185,.25);border-radius:14px;padding:14px 18px;box-shadow:inset 0 1px #b7e5cd0d}.total-label{color:#e5f4f266;font-size:.82rem;font-weight:600}.total-right{display:flex;align-items:baseline;gap:6px}.total-value{font-size:1.7rem;font-weight:900;background:linear-gradient(135deg,#b7e5cd,#8abeb9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.total-currency{font-size:.85rem;font-weight:700;color:#8abeb980}.payment-toggle{display:flex;gap:10px}.pay-btn{flex:1;padding:12px;background:#07111a80;border:1.5px solid rgba(48,86,105,.5);border-radius:13px;color:#e5f4f24d;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px}.pay-btn:hover{border-color:#8abeb959;color:#e5f4f2a6;background:#30566926}.pay-btn.active{background:linear-gradient(135deg,#8abeb92e,#30566940);border-color:#8abeb980;color:#b7e5cd;box-shadow:0 0 0 1px #8abeb91f inset,0 4px 16px #8abeb91a}.pay-icon{font-size:1rem}.field-error{color:#e08080;font-size:.75rem;font-weight:600;margin-top:5px;display:none;padding-right:4px}.field-error.show{display:block}.submit-error{color:#e08080;font-size:.85rem;background:#c0505014;border:1px solid rgba(192,80,80,.2);border-radius:12px;padding:11px 16px;margin-bottom:14px;display:none;animation:shake .4s ease;font-weight:600}.submit-error.show{display:block}.submit-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#305669,#254558 60%,#1a3040);color:#b7e5cd;border:1px solid rgba(138,190,185,.3);border-radius:15px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:900;cursor:pointer;letter-spacing:.3px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #30566980,0 1px #b7e5cd1a inset;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(183,229,205,.08) 0%,transparent 60%);border-radius:inherit}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a6a82,#305669 60%,#223852);box-shadow:0 6px 28px #305669a6,0 1px #b7e5cd26 inset;transform:translateY(-2px);color:#e5f4f2;border-color:#8abeb973}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #30566959}.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-loader .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-card{text-align:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.success-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(138,190,185,.1) 0%,transparent 70%);top:-100px;left:50%;transform:translate(-50%);pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#30566959;border:1.5px solid rgba(138,190,185,.35);margin-bottom:20px;animation:successPop .5s cubic-bezier(.4,0,.2,1)}.success-icon{font-size:2.4rem}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.success-title{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#b7e5cd,#8abeb9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.success-order{color:#e5f4f266;font-size:.9rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (max-width: 360px){.field-row{grid-template-columns:1fr}.header-title{font-size:1.7rem}}