:root{--color-bg: #0f172a;--color-surface: rgba(30, 41, 59, .7);--color-surface-light: rgba(51, 65, 85, .5);--color-primary: #d4af37;--color-primary-glow: rgba(212, 175, 55, .3);--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-danger: #ef4444;--color-success: #10b981;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--font-main: "Outfit", sans-serif;--font-arabic: "Amiri", serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top right,#1e293b,#0f172a)}.container{max-width:480px;margin:0 auto;padding:20px 20px 100px;min-height:100vh;display:flex;flex-direction:column}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-auto{margin-top:auto}.p-4{padding:1rem}.rounded-lg{border-radius:var(--radius-md)}.hidden{display:none!important}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.font-arabic{font-family:var(--font-arabic)}.btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--color-text)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#d4af37,#b4941f);color:#0f172a;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-outline{border:1px solid rgba(255,255,255,.2);color:var(--color-text-muted)}.btn-sm{padding:5px 10px;font-size:.8rem}.card{background:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:20px;margin-bottom:15px;box-shadow:0 10px 30px -10px #00000080}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);display:flex;justify-content:space-around;padding:12px;z-index:1000;box-shadow:0 10px 40px -10px #00000080}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--color-text-muted);font-size:.7rem;gap:4px;background:none;border:none;padding:5px;width:60px}.nav-item svg{width:24px;height:24px;fill:currentColor;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-item.active{color:var(--color-primary)}.nav-item.active svg{transform:translateY(-3px);filter:drop-shadow(0 4px 8px var(--color-primary-glow))}input[type=text]{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--color-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}