@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";
:root{--color-gold-primary:#f5ba25;--color-gold-light:#f8c94a;--color-gold-dark:#c9951d;--color-gold-accent:#f5ba25;--color-gold-glow:#f5ba2599;--color-gold-glow-strong:#f5ba25cc;--color-bg-light:#1c3466;--color-bg-primary:#152a52;--color-bg-card:#fff;--color-navy-bg:#1c3466;--color-navy-dark:#0d1f3d;--color-blue-button:#1e88e5;--color-navy-light:#1c346699;--color-gold:#f5ba25;--color-navy-card:#1c346666;--color-navy-card-gold:#f5ba250d;--color-text-white:#fff;--color-text-muted:#b8c5d8;--font-main:"Cairo",sans-serif;--radius-md:16px;--radius-lg:24px;--shadow-gold:0 8px 30px 0 #f5ba2566;--shadow-gold-strong:0 12px 40px 0 #f5ba2580;--shadow-glass:0 8px 32px 0 #00000080}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{direction:rtl;max-width:100vw;min-height:-webkit-fill-available;position:relative;overflow-x:hidden}body{background-color:var(--color-navy-bg);color:var(--color-text-white);font-family:var(--font-main);min-height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;min-height:-webkit-fill-available;display:flex;position:relative}input,textarea,select{-webkit-user-select:text;user-select:text}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#f5ba2526 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f5ba251f 0%,#0000 50%),radial-gradient(circle,#f5ba2514 0%,#0000 60%);animation:8s ease-in-out infinite backgroundPulse;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(2px 2px at 20% 30%,#f5ba2566,#0000),radial-gradient(2px 2px at 60% 70%,#f5ba254d,#0000),radial-gradient(1px 1px,#f5ba2580,#0000),radial-gradient(1px 1px at 80% 10%,#f5ba2566,#0000),radial-gradient(2px 2px at 90% 40%,#f5ba254d,#0000),radial-gradient(1px 1px at 33% 60%,#f5ba2566,#0000),radial-gradient(2px 2px at 10% 80%,#f5ba254d,#0000);background-position:0 0,100% 0,100% 100%,0 100%,50%,0 0,100% 100%;background-size:200% 200%;animation:20s linear infinite particlesFloat;position:fixed;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-gold-primary);border-radius:4px;box-shadow:0 0 10px #f5ba2566}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-light);box-shadow:0 0 15px #f5ba2599}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(50px)saturate(180%);background:linear-gradient(135deg,#0d1f3df2 0%,#0a1830e6 100%);border:2px solid #f5ba2599;border-color:#f5ba2599 #f5ba2599 #f5ba2566 #f5ba2566;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #000000e6,0 15px 35px #0009,0 0 80px #f5ba254d,inset 0 0 0 1px #f5ba254d,inset 0 1px #ffffff26,inset 0 -1px #0000004d}@supports ((-webkit-backdrop-filter:blur(40px)) or (backdrop-filter:blur(40px))){.glass-panel{background:linear-gradient(135deg,#0d1f3dd9 0%,#0a1830cc 100%)}}.glass-panel:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(45deg,#0000 30%,#f5ba251a 50%,#0000 70%);width:200%;height:200%;animation:8s infinite shimmer;position:absolute;top:-50%;left:-50%}.glass-panel:before{content:"";border-radius:var(--radius-lg)var(--radius-lg)0 0;opacity:1;background:#f5ba2599;height:3px;position:absolute;top:0;left:0;right:0}.container{z-index:10;box-sizing:border-box;width:100%;max-width:650px;margin:0 auto;padding:2rem;position:relative}.main-container{min-height:100vh;min-height:-webkit-fill-available}.welcome-page{background-color:var(--color-bg-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 10px var(--color-gold-glow),0 0 20px #f5ba254d}50%{box-shadow:0 0 25px var(--color-gold-glow-strong),0 0 40px #f5ba2580}to{box-shadow:0 0 10px var(--color-gold-glow),0 0 20px #f5ba254d}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes particlesFloat{0%{background-position:0 0,100% 0,100% 100%,0 100%,50%,0 0,100% 100%}to{background-position:100% 100%,0 100%,0 0,100% 0,50%,100% 100%,0 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.btn-primary{background:linear-gradient(135deg,var(--color-gold-primary)0%,var(--color-gold-light)50%,var(--color-gold-primary)100%);color:#000;border-radius:var(--radius-md);cursor:pointer;text-align:center;text-shadow:0 1px 2px #0000001a;background-size:200% 200%;border:2px solid #f5ba25cc;width:100%;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 6px 20px #f5ba2580,0 0 30px #f5ba254d,inset 0 1px #fff6,inset 0 -1px #0003}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:transform .8s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{border-color:var(--color-gold-light);background-position:100% 0;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 30px #f5ba2599,0 0 50px #f5ba2566,inset 0 1px #ffffff80,inset 0 -1px #0003}.btn-primary:active{transform:translateY(-2px)scale(1.01);box-shadow:0 6px 20px #f5ba2580,0 0 30px #f5ba254d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.card{-webkit-backdrop-filter:blur(50px)saturate(180%);border-radius:var(--radius-lg);z-index:1;background:linear-gradient(135deg,#0d1f3df2 0%,#0a1830e6 100%);border:2px solid #f5ba2599;border-color:#f5ba2599 #f5ba2599 #f5ba2566 #f5ba2566;margin-bottom:2rem;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #000000e6,0 15px 35px #0009,0 0 80px #f5ba254d,inset 0 0 0 1px #f5ba254d,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.card>*{z-index:2;position:relative}.card:before{content:"";border-radius:var(--radius-lg)var(--radius-lg)0 0;opacity:1;background:linear-gradient(90deg,#0000 0%,#f5ba25cc 20%,#f5ba25 50%,#f5ba25cc 80%,#0000 100%);height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px #f5ba2599}.card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000 30%,#f5ba2514 50%,#0000 70%);width:200%;height:200%;animation:10s infinite shimmer;position:absolute;top:-50%;left:-50%}.card:hover{border-color:#f5ba25cc;transform:translateY(-8px)scale(1.02);box-shadow:0 40px 80px -12px #000,0 20px 45px #000000b3,0 0 100px #f5ba2580,inset 0 0 0 1px #f5ba2566,inset 0 1px #fff3,inset 0 -1px #0006}.card:hover:before{height:5px;box-shadow:0 0 30px #f5ba25cc}textarea,input,select{width:100%;color:var(--color-text-white);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:2px solid #f5ba254d;margin-top:.5rem;padding:1.2rem;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a,0 0 #f5ba2500}textarea::placeholder,input::placeholder,select::placeholder{color:#ffffff80;opacity:1}textarea:focus,input:focus,select:focus{border-color:var(--color-gold-primary);background:linear-gradient(135deg,#ffffff26 0%,#ffffff1a 100%);outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #f5ba2533,0 0 30px #f5ba2566,inset 0 2px 4px #0000001a}textarea:hover,input:hover,select:hover{border-color:#f5ba2580;box-shadow:0 0 0 2px #f5ba251a,inset 0 2px 4px #0000001a}.label{color:var(--color-gold-light);text-shadow:0 0 10px #f5ba254d;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:block}h1,h2,h3{color:var(--color-gold-primary);text-shadow:0 0 20px #f5ba2580,0 0 40px #f5ba254d,0 2px 4px #0009;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:1rem;line-height:1.3;position:relative}@media screen and (max-width:768px){:root{--radius-md:12px;--radius-lg:20px}.container{max-width:100%;padding:1rem}.card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);margin-bottom:1.5rem;padding:1.5rem}.btn-primary{-webkit-tap-highlight-color:#f5ba254d;min-height:48px;padding:1rem 1.5rem;font-size:1rem}.btn-primary:hover{transform:none}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #f5ba2566}h1{margin-bottom:.75rem;font-size:1.75rem}h2{margin-bottom:.75rem;font-size:1.25rem}h3{margin-bottom:.75rem;font-size:1.1rem}textarea,input,select{border-radius:var(--radius-md);padding:1rem;font-size:16px}.label{font-size:.9rem}}@media screen and (max-width:480px){.container{padding:.75rem}.card{margin-bottom:1rem;padding:1.25rem}h1{font-size:1.5rem}h2{font-size:1.1rem}.btn-primary{padding:.9rem 1.25rem;font-size:.95rem}textarea,input,select{padding:.9rem}}@supports (-webkit-touch-callout:none){body,.container{min-height:-webkit-fill-available}@media screen and (max-width:768px){body{padding-bottom:env(safe-area-inset-bottom)}}}@media screen and (max-height:500px) and (orientation:landscape){.container,.card{padding:1rem}h1{margin-bottom:.5rem;font-size:1.5rem}h2{margin-bottom:.5rem;font-size:1rem}}@media screen and (min-width:769px) and (max-width:1024px){.container{max-width:90%;padding:1.5rem}.card{padding:2rem}}@media screen and (min-width:1200px){.container{max-width:700px}}@media (hover:none) and (pointer:coarse){.btn-primary:hover{transform:none;box-shadow:0 4px 15px #f5ba2566,inset 0 1px #ffffff4d}.card:hover{transform:none}button,a,input[type=button],input[type=submit]{min-width:44px;min-height:44px}}@media screen and (max-width:375px){.container{padding:.5rem}.card{padding:1rem}h1{font-size:1.25rem}h2{font-size:1rem}.btn-primary{padding:.85rem 1rem;font-size:.9rem}.stage-selector{grid-template-columns:1fr;gap:.75rem}}@supports (padding:max(0px)){.container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}body{padding-bottom:env(safe-area-inset-bottom)}}