:root{--bg: #fffaf5;--card: #ffffff;--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .08);--shadow: 0 18px 60px rgba(15,23,42,.08);--mesh-orange: rgba(249,115,22,.22);--mesh-blue: rgba(59,130,246,.14);--mesh-pink: rgba(236,72,153,.08);--glass-bg: rgba(255,255,255,.62);--glass-border: rgba(255,255,255,.32);--glass-blur: 18px;--glass-sat: 1.35;--focus: rgba(249,115,22,.55);--focus-ring: 0 0 0 4px rgba(249,115,22,.18)}.dark{--bg: #0b1220;--card: #0f172a;--text: #f8fafc;--muted: #cbd5e1;--border: rgba(148, 163, 184, .18);--shadow: 0 18px 60px rgba(0,0,0,.35);--mesh-orange: rgba(249,115,22,.18);--mesh-blue: rgba(59,130,246,.16);--mesh-pink: rgba(236,72,153,.07);--glass-bg: rgba(15,23,42,.56);--glass-border: rgba(148,163,184,.16);--glass-blur: 20px;--glass-sat: 1.25;--focus: rgba(249,115,22,.55);--focus-ring: 0 0 0 4px rgba(249,115,22,.22)}html,body{height:100%;font-size:16px;line-height:1.7;font-weight:400;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans Arabic,Noto Kufi Arabic,sans-serif}body{position:relative;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 600px at 12% 8%,var(--mesh-blue),transparent 60%),radial-gradient(1000px 700px at 85% -10%,var(--mesh-orange),transparent 62%),radial-gradient(800px 520px at 55% 80%,var(--mesh-pink),transparent 60%),radial-gradient(1200px 900px at 20% 110%,rgba(59,130,246,.08),transparent 55%);filter:blur(6px);transform:translateZ(0)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:overlay}::selection{background:#f9731640}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#64748b40;border-radius:999px}.dark *::-webkit-scrollbar-thumb{background:#94a3b838}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:22px;box-shadow:0 20px 60px #0f172a1a;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));transform:translateZ(0)}.smart-input{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:#ffffffe0;border:1px solid var(--border);font-size:16px;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.smart-input:focus-within{border-color:#f9731661;box-shadow:var(--focus-ring),0 18px 55px #f973161a;transform:translateY(-1px)}.smart-input input,.smart-input textarea{outline:none;border:none;background:transparent;color:var(--text);width:100%}.smart-input input::placeholder,.smart-input textarea::placeholder{color:#475569b3}.dark .smart-input{background:#0f172ab8;border:1px solid rgba(148,163,184,.22)}.dark .smart-input input::placeholder,.dark .smart-input textarea::placeholder{color:#cbd5e1a6}.chip{padding:6px 14px;border-radius:999px;background:#fff1e6;color:#ff7a18;font-size:14px;cursor:pointer;transition:all .2s ease}.chip:hover{transform:scale(1.05);background:#ffe3d2}.dark .chip{background:#f9731624;color:#fdba74}.dark .chip:hover{background:#f9731633}.btn-magic{background:linear-gradient(135deg,#ff7a18,#ff3d00);color:#fff;border:none;border-radius:18px;padding:14px 22px;font-weight:600;box-shadow:0 14px 40px #ff7a1859;transition:all .25s ease}.btn-magic:hover{transform:translateY(-2px);box-shadow:0 18px 50px #ff3d0073}.btn-magic:active{transform:scale(.97)}.floating-header{position:sticky;top:12px;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);background:#ffffff9e;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 10px 30px #00000014;z-index:50}.dark .floating-header{background:#0f172a94;border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 60px #00000059}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:floaty 6s ease-in-out infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.animate-float{animation:none}}.input-glass{width:100%;background:#ffffffb8;border:1px solid var(--border);color:var(--text);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.dark .input-glass{background:#0f172ab8;border:1px solid rgba(148,163,184,.22)}.input-glass:focus{outline:none;border-color:#f9731661;box-shadow:var(--focus-ring),0 18px 55px #f973161a;transform:translateY(-1px)}.focus-glow:focus-within{border-color:#f9731661!important;box-shadow:var(--focus-ring),0 18px 55px #f973161a}