.saudi-dates-app{min-height:100vh;background:linear-gradient(135deg,#dcfce7,#f0fdf4,#dbeafe);transition:all .3s ease}.saudi-dates-app.dark{background:linear-gradient(135deg,#064e3b,#0f766e,#1e3a8a)}.saudi-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #22c55e1a}.dark .saudi-header{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #22c55e33}.saudi-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#22c55e,#3b82f6);color:#fff;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #22c55e4d;border:1px solid rgba(255,255,255,.2)}.saudi-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66;background:linear-gradient(135deg,#16a34a,#2563eb)}.saudi-toggle-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 10px #10b9814d;border:1px solid rgba(255,255,255,.2)}.saudi-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.saudi-refresh-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 10px #3b82f64d;border:1px solid rgba(255,255,255,.2)}.saudi-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.saudi-hero-section{position:relative;padding:4rem 0;overflow:hidden;background:linear-gradient(135deg,#22c55e,#3b82f6,#1d4ed8);min-height:60vh;display:flex;align-items:center;justify-content:center}.saudi-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.2) 0%,transparent 50%);animation:saudi-hero-float 20s ease-in-out infinite}@keyframes saudi-hero-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.saudi-hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:saudi-hero-sparkle 15s linear infinite}@keyframes saudi-hero-sparkle{0%{transform:translate(0) translateY(0)}to{transform:translate(-60px) translateY(-60px)}}.saudi-hero-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto;padding:0 2rem}.saudi-hero-icon-container{margin-bottom:2rem}.saudi-hero-icon{font-size:4rem;display:inline-block;animation:saudi-hero-bounce 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes saudi-hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.saudi-hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);line-height:1.2;animation:saudi-hero-fade-in 1s ease-out}@keyframes saudi-hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.saudi-hero-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:saudi-hero-fade-in 1s ease-out .2s both}.saudi-last-updated{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1rem 1.5rem;margin-top:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);display:inline-block}.saudi-main-content{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:-2rem 1rem 2rem;box-shadow:0 20px 40px #22c55e1a;border:1px solid rgba(255,255,255,.3)}.dark .saudi-main-content{background:#0000004d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #22c55e33}@media (max-width: 768px){.saudi-hero-title{font-size:2.5rem}.saudi-hero-subtitle{font-size:1.1rem}.saudi-hero-icon{font-size:3rem}.saudi-main-content{margin:-1rem .5rem 1rem}}@media (max-width: 480px){.saudi-hero-title{font-size:2rem}.saudi-hero-subtitle{font-size:1rem}.saudi-hero-icon{font-size:2.5rem}}