:root,.theme-default{--color-primary-val: 59 130 246;--color-primary-accent-val: 96 165 250;--color-primary-gradient-end-val: 37 99 235;--color-background-start-val: 15 23 42;--color-background-end-val: 17 24 39;--color-panel-bg-val: 30 41 59;--color-panel-bg-hover-val: 48 59 79;--color-panel-bg-light-val: 51 65 85;--color-border-val: 51 65 85;--color-border-light-val: 71 85 105;--color-text-primary-val: 226 232 240;--color-text-secondary-val: 148 163 184;--color-text-muted-val: 100 116 139;--color-text-heading-val: 255 255 255;--color-success-val: 34 197 94;--color-success-text-val: 74 222 128;--color-warning-val: 234 179 8;--color-warning-text-val: 252 211 77;--color-danger-val: 239 68 68;--color-danger-text-val: 248 113 113;--color-orange-val: 249 115 22;--color-orange-text-val: 251 146 60;--color-neutral-val: 107 114 128;--color-neutral-text-val: 209 213 219;--particle-color-val: 96 165 250}.theme-dahab{--color-primary-val: 180 120 10;--color-primary-accent-val: 234 179 8;--color-primary-gradient-end-val: 140 90 10;--color-background-start-val: 10 10 10;--color-background-end-val: 0 0 0;--color-panel-bg-val: 24 24 27;--color-panel-bg-hover-val: 39 39 42;--color-panel-bg-light-val: 63 63 70;--color-border-val: 85 65 20;--color-border-light-val: 133 100 30;--color-text-primary-val: 255 255 255;--color-text-secondary-val: 214 211 209;--color-text-muted-val: 120 113 108;--color-text-heading-val: 254 243 199;--color-success-val: 101 163 13;--color-success-text-val: 190 242 100;--color-warning-val: 234 179 8;--color-warning-text-val: 253 224 71;--color-danger-val: 220 38 38;--color-danger-text-val: 252 165 165;--color-orange-val: 234 88 12;--color-orange-text-val: 253 186 116;--color-neutral-val: 87 83 78;--color-neutral-text-val: 214 211 209;--particle-color-val: 234 179 8;--background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3e%3cpath d='M50 0 C65 10 70 25 50 50 C30 25 35 10 50 0 Z M0 50 C10 35 25 30 50 50 C25 70 10 65 0 50 Z M50 100 C35 90 30 75 50 50 C70 75 65 90 50 100 Z M100 50 C90 65 75 70 50 50 C75 30 90 35 100 50 Z' fill='rgba(234, 179, 8, 0.03)'/%3e%3c/svg%3e")}.theme-rose{--color-primary-val: 219 39 119;--color-primary-accent-val: 236 72 153;--color-primary-gradient-end-val: 192 38 211;--color-background-start-val: 49 16 38;--color-background-end-val: 30 10 25;--color-panel-bg-val: 70 25 55;--color-panel-bg-hover-val: 86 33 69;--color-panel-bg-light-val: 112 38 90;--color-border-val: 86 33 69;--color-border-light-val: 112 38 90;--color-text-primary-val: 253 232 248;--color-text-secondary-val: 245 208 254;--color-text-muted-val: 216 180 254;--color-text-heading-val: 253 242 248;--color-success-val: 52 211 153;--color-success-text-val: 110 231 183;--color-warning-val: 250 204 21;--color-warning-text-val: 252 211 77;--color-danger-val: 244 63 94;--color-danger-text-val: 251 113 133;--color-orange-val: 251 146 60;--color-orange-text-val: 253 186 116;--color-neutral-val: 148 163 184;--color-neutral-text-val: 203 213 225;--particle-color-val: 253 232 248;--background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3e%3cpath d='M0 0 H40 V40 H0 Z' fill='rgba(236, 72, 153, 0.03)'/%3e%3cpath d='M40 40 H80 V80 H40 Z' fill='rgba(236, 72, 153, 0.03)'/%3e%3c/svg%3e")}.theme-silver{--color-primary-val: 107 114 128;--color-primary-accent-val: 209 213 219;--color-primary-gradient-end-val: 75 85 99;--color-background-start-val: 0 0 0;--color-background-end-val: 17 24 39;--color-panel-bg-val: 17 24 39;--color-panel-bg-hover-val: 31 41 55;--color-panel-bg-light-val: 55 65 81;--color-border-val: 55 65 81;--color-border-light-val: 75 85 99;--color-text-primary-val: 249 250 251;--color-text-secondary-val: 156 163 175;--color-text-muted-val: 107 114 128;--color-text-heading-val: 249 250 251;--color-success-val: 34 197 94;--color-success-text-val: 74 222 128;--color-warning-val: 234 179 8;--color-warning-text-val: 252 211 77;--color-danger-val: 239 68 68;--color-danger-text-val: 248 113 113;--color-orange-val: 249 115 22;--color-orange-text-val: 251 146 60;--color-neutral-val: 107 114 128;--color-neutral-text-val: 209 213 219;--particle-color-val: 209 213 219;--background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3e%3crect width='100' height='100' fill='none'/%3e%3cpath d='M0 0 L50 50 L100 0 Z' fill='rgba(209, 213, 219, 0.03)'/%3e%3cpath d='M0 100 L50 50 L100 100 Z' fill='rgba(209, 213, 219, 0.03)'/%3e%3c/svg%3e")}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:rgb(var(--color-primary-val)) rgb(var(--color-background-start-val))}::selection{background-color:rgba(var(--color-primary-accent-val),.3);color:rgb(var(--color-text-heading-val))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(var(--color-background-start-val),.8)}::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-val),.4);border-radius:99px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-val),.8)}body{font-family:Tajawal,sans-serif;color:rgb(var(--color-text-primary-val));transition:background-color .5s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior-y:contain}main{contain:layout;padding-bottom:120px!important}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:100px 1000px}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.min-h-dvh{min-height:100vh;min-height:100dvh}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 1.5s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animation-delay-300{animation-delay:.3s}.bg-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px);background-size:2rem 2rem}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-glow-1{background:radial-gradient(circle,rgb(var(--color-primary-val)),rgba(var(--color-primary-val),0) 60%);animation:rotateGlow 20s linear infinite;will-change:transform}.bg-glow-2{background:radial-gradient(circle,rgb(var(--color-primary-gradient-end-val)),rgba(var(--color-primary-gradient-end-val),0) 60%);animation:rotateGlow 25s linear infinite reverse;will-change:transform}@keyframes title-glow{0%,to{text-shadow:0 0 8px rgba(var(--color-primary-accent-val),.3),0 0 16px rgba(var(--color-primary-accent-val),.1)}50%{text-shadow:0 0 16px rgba(var(--color-primary-accent-val),.5),0 0 32px rgba(var(--color-primary-accent-val),.2)}}.animate-title-glow{animation:title-glow 4s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 4px rgba(var(--color-primary-accent-val),.4))}50%{filter:drop-shadow(0 0 12px rgba(var(--color-primary-accent-val),.7)) drop-shadow(0 0 20px rgba(var(--color-primary-val),.3))}}.animate-logo-glow{animation:logo-glow 4s ease-in-out infinite}.theme-dahab .animate-title-glow{animation:gold-wave 5s linear infinite,title-glow 4s ease-in-out infinite;animation-composition:add}@keyframes gold-wave{0%{background-position:200% 50%}to{background-position:-200% 50%}}.theme-dahab .animate-title-glow{background-image:linear-gradient(90deg,#b8860b,gold,#fff8dc,gold,#b8860b);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.decorative-line{position:relative;padding-bottom:.75rem}.decorative-line:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(to right,transparent,rgb(var(--color-primary-accent-val)),transparent);animation:expand-line 2s ease-out .5s forwards;box-shadow:0 0 10px rgba(var(--color-primary-accent-val),.7)}@keyframes expand-line{0%{width:0%}to{width:60%}}.word-cycler{height:100%;overflow:hidden;position:relative;width:100%;text-align:center}.word-cycler-inner{position:absolute;width:100%;transition:transform .6s cubic-bezier(.68,-.55,.27,1.55)}.word-item{height:1.25rem;line-height:1.25rem;font-size:.875rem;color:rgb(var(--color-primary-accent-val));font-weight:700;display:flex;align-items:center;justify-content:center}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rotate-border{to{--angle: 360deg}}.login-card-border{position:relative;padding:2px;border-radius:1.25rem;background:conic-gradient(from var(--angle),rgba(var(--color-panel-bg-light-val),.5),rgba(var(--color-primary-accent-val),.3) 20%,rgba(var(--color-primary-accent-val),.7) 50%,rgba(var(--color-primary-accent-val),.3) 80%,rgba(var(--color-panel-bg-light-val),.5));animation:rotate-border 10s linear infinite}.login-card-border>div{border-radius:1rem}.login-input-container{position:relative}.login-input{border:0;border-bottom:2px solid rgb(var(--color-border-val));background-color:transparent;width:100%;padding:.75rem .25rem;font-size:1.125rem;letter-spacing:.1em;text-align:center;color:rgb(var(--color-text-primary-val));transition:border-color .3s}.login-input::placeholder{color:transparent}.login-input:focus{outline:none}.login-label{position:absolute;top:.75rem;left:0;right:0;margin:0 auto;width:fit-content;color:rgb(var(--color-text-muted-val));pointer-events:none;transition:all .3s ease}.login-input:focus+.login-label,.login-input:not(:placeholder-shown)+.login-label{top:-1rem;font-size:.75rem;color:rgb(var(--color-primary-accent-val))}.login-input-container:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:rgb(var(--color-primary-accent-val));transform:translate(-50%);transition:width .3s ease}.login-input:focus~.login-input-container:after,.login-input:focus+label+.login-input-container:after{width:100%}.login-input:focus-within~.login-input-container:after{width:100%}.login-input:focus-within+.login-label{top:-1rem;font-size:.75rem;color:rgb(var(--color-primary-accent-val))}.login-button-primary{width:100%;background-image:linear-gradient(to right,rgb(var(--color-primary-val)/.2),rgb(var(--color-primary-gradient-end-val)/.2));border:1px solid rgb(var(--color-primary-val)/.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:rgb(var(--color-text-primary-val));font-weight:700;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transform-style:preserve-3d}.login-button-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-primary-val),.3);background-image:linear-gradient(to right,rgb(var(--color-primary-val)/.3),rgb(var(--color-primary-gradient-end-val)/.3));border-color:rgb(var(--color-primary-accent-val)/.5)}.login-button-primary:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;color:rgb(var(--color-text-muted-val))}.login-button-secondary{width:100%;background-color:#ffffff0d;border:1px solid rgb(255 255 255 / .1);color:rgb(var(--color-text-secondary-val));font-weight:700;padding:.75rem 1rem;border-radius:.5rem;transition:all .3s ease}.login-button-secondary:not(:disabled):hover{background-color:#ffffff1a;border-color:#fff3}.login-button-secondary:disabled{cursor:not-allowed}@keyframes snake-flow{0%{stroke-dashoffset:2500}to{stroke-dashoffset:-500}}.snake-path-1{stroke-dasharray:200 2800;animation:snake-flow 15s linear infinite alternate;will-change:stroke-dashoffset}.snake-path-2{stroke-dasharray:150 2000;animation:snake-flow 12s linear infinite alternate-reverse;animation-delay:-3s;will-change:stroke-dashoffset}@keyframes slide-down-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.animate-slide-down-fade-in{animation:slide-down-fade-in .3s cubic-bezier(.25,.8,.25,1) forwards}@keyframes slide-up-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.98)}}.animate-slide-up-fade-out{animation:slide-up-fade-out .3s ease-in forwards}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.95)}}.toast-out{animation:toast-out .4s ease-in forwards}button,a,input,select,textarea,[role=button],.group{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}button:active,[role=button]:active{transform:scale(.97);transition-duration:.1s}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-image:var(--background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3e%3cfilter id='noiseFilter'%3e%3cfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3e%3c/filter%3e%3crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3e%3c/svg%3e"));opacity:.02;z-index:-1;pointer-events:none}.backdrop-blur-sm{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur, blur(8px));backdrop-filter:var(--tw-backdrop-blur, blur(8px))}.backdrop-blur,.backdrop-blur-md{--tw-backdrop-blur: blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur, blur(20px));backdrop-filter:var(--tw-backdrop-blur, blur(20px))}.backdrop-blur-lg{--tw-backdrop-blur: blur(28px);-webkit-backdrop-filter:var(--tw-backdrop-blur, blur(28px));backdrop-filter:var(--tw-backdrop-blur, blur(28px))}.backdrop-blur-xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur, blur(40px));backdrop-filter:var(--tw-backdrop-blur, blur(40px))}@keyframes view-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-view-enter{animation:view-enter .5s cubic-bezier(.2,.9,.3,1) forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(0) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-modal-in{animation:modal-in .4s cubic-bezier(.2,.9,.3,1) forwards}.interactive-glow{position:relative;overflow:hidden;will-change:transform,box-shadow}.interactive-glow:before{content:"";position:absolute;left:var(--mouse-x, 50%);top:var(--mouse-y, 50%);width:0;height:0;background:radial-gradient(circle closest-side,rgba(var(--color-primary-accent-val),.15),transparent);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;pointer-events:none;z-index:0;opacity:.8;will-change:width,height,opacity}.interactive-glow:hover:before{width:350px;height:350px;opacity:1}.interactive-glow>*{position:relative;z-index:1}.theme-dahab .interactive-glow:hover{box-shadow:0 0 20px rgba(var(--color-primary-accent-val),.3);border-color:rgba(var(--color-primary-accent-val),.5)}.theme-dahab .interactive-glow:before{background:radial-gradient(circle closest-side,rgba(var(--color-primary-accent-val),.25),transparent)}.theme-dahab .interactive-glow:hover:before{width:400px;height:400px}.theme-dahab input:focus,.theme-dahab select:focus,.theme-dahab textarea:focus{--tw-ring-color: rgba(var(--color-primary-accent-val), .5) !important;box-shadow:0 0 0 3px rgba(var(--color-primary-accent-val),.2)}.marquee-container{-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);will-change:transform}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee2{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-marquee{animation:marquee 240s linear infinite;will-change:transform}.animate-marquee2{animation:marquee2 240s linear infinite;will-change:transform}@keyframes dash{to{stroke-dashoffset:0}}.intro-logo-path{stroke-dasharray:100;stroke-dashoffset:100;animation:dash 2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}.tier-background-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;font-weight:900;color:#ffffff08;z-index:0;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none}
