*{-webkit-font-smoothing:antialiased}body{font-family:Tajawal,Segoe UI,Tahoma,sans-serif;color:var(--auth-text);background:radial-gradient(900px circle at 15% 10%,color-mix(in srgb,var(--auth-gold) 8%,transparent) 0%,transparent 55%),radial-gradient(1000px circle at 85% 90%,color-mix(in srgb,var(--auth-navy) 10%,transparent) 0%,transparent 55%),linear-gradient(160deg,var(--auth-bg-1) 0%,var(--auth-bg-2) 100%);background-attachment:fixed}.font-display{font-family:Amiri,Tajawal,serif}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.1)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.08)}}.float-anim{animation:float-y 4s ease-in-out infinite}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.rotate-slow{animation:rotate-slow 90s linear infinite}.fade-slide-up{animation:fade-slide-up .6s cubic-bezier(.22,.61,.36,1) both}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.orb{position:absolute;border-radius:9999px;filter:blur(70px);pointer-events:none}.orb-1{animation:drift-1 18s ease-in-out infinite}.orb-2{animation:drift-2 22s ease-in-out infinite}.version-badge{background:#fff;border:1px solid var(--auth-input-border);box-shadow:0 6px 18px -8px #1a276626;color:var(--auth-navy)}.text-gradient{background:linear-gradient(135deg,var(--auth-gold-dark) 0%,var(--auth-gold) 60%,var(--auth-gold-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-card{background:#fff;border:1px solid var(--auth-input-border);box-shadow:0 14px 30px -18px #1a27662e;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -16px #1a276638}.feature-icon{background:linear-gradient(150deg,color-mix(in srgb,var(--auth-gold) 16%,transparent),color-mix(in srgb,var(--auth-gold) 8%,transparent));color:var(--auth-gold-dark)}.btn-accent{background:linear-gradient(135deg,var(--auth-navy) 0%,var(--auth-navy-dark) 100%);box-shadow:0 14px 34px -10px color-mix(in srgb,var(--auth-navy) 55%,transparent),inset 0 1px #ffffff1f;transition:all .2s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.btn-accent:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:200% 100%;transform:translate(100%);transition:transform .7s ease}.btn-accent:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 18px 42px -10px color-mix(in srgb,var(--auth-navy) 65%,transparent),inset 0 1px #ffffff26}.btn-accent:hover:not(:disabled):before{transform:translate(-100%)}.btn-accent:active:not(:disabled){transform:translateY(0) scale(.99)}.btn-accent:disabled{opacity:.65;cursor:not-allowed}.input-glass{background:var(--auth-input-bg);border:1.5px solid var(--auth-input-border);color:var(--auth-text);transition:all .2s ease}.input-glass::placeholder{color:#a3abbe}.input-glass:hover:not(:focus):not([readonly]){background:#fff;border-color:#d6dcea}.input-glass:focus{outline:none;background:#fff;border-color:var(--auth-gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-gold) 16%,transparent),inset 0 1px #ffffff80}.input-glass.error{border-color:#f87171;box-shadow:0 0 0 4px #f8717126;background:#fef2f299}.card-glass{background:#fff;border:1px solid var(--auth-input-border);box-shadow:0 30px 60px -20px #1a276629,0 6px 16px -8px #1a276614}.spinner{border:2px solid rgba(255,255,255,.35);border-top-color:#fff}
