*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--space: #04040f;--space-1: #07071a;--space-2: #0c0c24;--space-3: #12122e;--space-4: #1a1a40;--glass: rgba(255, 255, 255, .04);--glass-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--glass-border-bright: rgba(255, 255, 255, .18);--orange: #f97316;--orange-glow: rgba(249, 115, 22, .5);--purple: #8b5cf6;--purple-glow: rgba(139, 92, 246, .4);--cyan: #22d3ee;--cyan-glow: rgba(34, 211, 238, .3);--pink: #ec4899;--text-1: #ffffff;--text-2: rgba(255, 255, 255, .7);--text-3: rgba(255, 255, 255, .4);--grad-brand: linear-gradient(135deg, #f97316, #8b5cf6);--grad-card: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));--grad-glow: radial-gradient(ellipse at center, rgba(249,115,22,.15) 0%, transparent 70%);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 9999px;--shadow-glow-orange: 0 0 24px rgba(249,115,22,.35), 0 0 60px rgba(249,115,22,.15);--shadow-glow-purple: 0 0 24px rgba(139,92,246,.35), 0 0 60px rgba(139,92,246,.15);--shadow-glass: 0 8px 32px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--space);color:var(--text-1)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:1rem}.mesh-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(139,92,246,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(249,115,22,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 60% 30%,rgba(34,211,238,.06) 0%,transparent 60%)}.mesh-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass)}.grad-text{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-neon{background:var(--grad-brand);color:#fff;border:none;border-radius:var(--r-full);font-weight:700;font-family:inherit;cursor:pointer;position:relative;transition:all .2s}.btn-neon:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--grad-brand);filter:blur(12px);opacity:.5;z-index:-1;transition:opacity .2s}.btn-neon:hover:after{opacity:.8}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.orb-orange{background:#f9731640}.orb-purple{background:#8b5cf640}.orb-cyan{background:#22d3ee26}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.05)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--orange-glow)}50%{box-shadow:0 0 40px var(--orange-glow),0 0 80px #f9731633}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .5s ease both}.fade-in{animation:fadeIn .35s ease both}.spin{animation:spin .8s linear infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--space-1)}::-webkit-scrollbar-thumb{background:var(--space-4);border-radius:99px}.future-input{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--text-1);padding:12px 16px;font-size:.9375rem;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.future-input::placeholder{color:var(--text-3)}.future-input:focus{border-color:#f9731680;box-shadow:0 0 0 3px #f973161a}select.future-input option{background:var(--space-3);color:var(--text-1)}textarea.future-input{resize:vertical}.onboarding-input{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--text-1);padding:12px 16px;font-size:.9375rem;outline:none;width:100%;transition:border-color .15s}.onboarding-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-full);font-size:.75rem;font-weight:600;border:1px solid var(--glass-border);background:var(--glass)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] body,[dir=rtl] *{font-family:Segoe UI,Arial,Noto Sans Arabic,sans-serif}[dir=rtl] .mesh-bg{transform:scaleX(-1)}[dir=rtl] p,[dir=rtl] span,[dir=rtl] div,[dir=rtl] button,[dir=rtl] label,[dir=rtl] input,[dir=rtl] textarea{letter-spacing:0}[dir=rtl] .fade-up{animation-name:fadeUpRTL}
