:root{--color-primary: #ff4500;--color-text: #000000;--color-text-light: #666666;--color-border: #e5e5e5;--color-bg-light: #f9f9f9;--color-white: #ffffff;--font-family: "Cairo", sans-serif}html{direction:rtl;font-family:var(--font-family);background-color:var(--color-white);color:var(--color-text)}body{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:16px}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.w-20{width:5rem}.h-12{height:3rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.transform-center{transform:translate(-50%,-50%)}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-24{padding-bottom:6rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.space-y-6>*+*{margin-top:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.text-center{text-align:center}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.text-white{color:#fff}.text-black{color:#000}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-red-500{color:#ef4444}.text-blue-600{color:#2563eb}.text-primary{color:var(--color-primary)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-100{background-color:#f3f4f6}.bg-gray-300{background-color:#d1d5db}.bg-gray-800{background-color:#1f2937}.bg-opacity-10{--bg-opacity: .1;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-transparent{background-color:transparent}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-white\/20{--tw-gradient-from: rgba(255, 255, 255, .2);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.to-transparent{--tw-gradient-to: transparent}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-transparent{border-color:transparent}.border-black{border-color:#000}.border-primary{border-color:var(--color-primary)}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-\[0_-2px_10px_rgba\(0\,0\,0\,0\.05\)\]{box-shadow:0 -2px 10px #0000000d}.opacity-0{opacity:0}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.appearance-none{-webkit-appearance:none;appearance:none}.resize-none{resize:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.rotate-180{transform:rotate(180deg)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-800:hover{background-color:#1f2937}.hover\:border-gray-300:hover{border-color:#d1d5db}.hover\:border-gray-400:hover{border-color:#9ca3af}.focus\:border-black:focus{border-color:#000}.peer:checked{background-color:#000;border-color:#000}.peer:checked+svg{opacity:1}.aspect-\[1\.6\]{aspect-ratio:1.6}.max-w-lg{max-width:32rem}