*{box-sizing:border-box;padding:0}*,body{font-family:Cairo,sans-serif;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;direction:rtl}:root{--primary:#667eea;--primary-dark:#5568d3;--secondary:#764ba2;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}.container{background:#fff;margin:0 auto;max-width:480px;min-height:100vh}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}button{border:none;cursor:pointer;font-family:Cairo,sans-serif;outline:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:Cairo,sans-serif;outline:none}input:focus,textarea:focus{outline:2px solid #667eea;outline:2px solid var(--primary);outline-offset:2px}.spinner{border:3px solid #e5e7eb;border-top:3px solid #667eea;border:3px solid var(--gray-200);border-top-color:var(--primary)}.ad-card{transition:all .3s ease}.ad-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vote-option{transition:all .3s ease}.vote-option:hover:not(:disabled){background:var(--gray-50)!important;box-shadow:0 2px 8px #00000014;transform:scale(1.02)}.vote-option:disabled{cursor:default}button{transition:all .2s ease}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}html{scroll-behavior:smooth}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--primary);border-radius:50%;height:40px;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-10px) translateX(-50%)}60%{transform:translateY(-5px) translateX(-50%)}}.animate-bounce{animation:bounce 1s ease}@keyframes pulse{0%{box-shadow:0 0 0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}.pulse{animation:pulse 2s ease-in-out}input:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #667eea1a;outline:none}.card-hover{transition:all .3s ease}.card-hover:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-4px)}@keyframes rotate-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.story-gradient{animation:rotate-gradient 3s ease infinite;background-size:200% 200%}@media (max-width:480px){html{font-size:14px}.container{max-width:100%}}@supports (padding:max(0px)){.container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}10%{opacity:1;transform:translate(-50%,-60%) scale(1.1) rotate(0deg)}20%{transform:translate(-50%,-70%) scale(1) rotate(5deg)}to{opacity:0;transform:translate(-50%,-200%) scale(1.5) rotate(10deg)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}
/*# sourceMappingURL=main.5adf7c21.css.map*/