.navbar{background:#ffffffd9;height:85px;display:flex;align-items:center;position:sticky;top:0;width:100%;z-index:1000;border-bottom:1px solid rgba(226,232,240,.8);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.nav-container{width:92%;max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:900;text-decoration:none;background:linear-gradient(45deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-1.5px}.nav-links{display:flex;list-style:none;align-items:center;gap:25px;padding:0;margin:0}.nav-links li{display:flex;align-items:center}.nav-links a{text-decoration:none;color:#475569;font-weight:700;font-size:1rem;padding:10px 15px;border-radius:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px}.nav-links a:hover:not(.signup-btn){background:#2563eb14;color:#2563eb;transform:translateY(-3px)}.badge{background:#ef4444;color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:800;margin-left:5px;box-shadow:0 4px 10px #ef44444d}.signup-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff!important;padding:12px 24px!important;border-radius:16px!important;font-weight:800!important;box-shadow:0 10px 20px #2563eb33;border:none;cursor:pointer;margin-left:10px}.signup-btn:hover{transform:scale(1.05) translateY(-2px)!important;box-shadow:0 15px 30px #7c3aed66!important}@media (max-width: 1024px){.nav-links{gap:10px}.nav-links a{font-size:.9rem;padding:8px}}@media (max-width: 768px){.nav-links li:not(:last-child):not(:nth-last-child(2)){display:none}}.home-container{width:100%;overflow-x:hidden}.home-hero{width:100%;height:90vh;background:linear-gradient(#0f172acc,#0f172acc),url(https://images.unsplash.com/photo-1580674684081-7617fbf3d745?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 5%}.hero-content h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;margin-bottom:20px;line-height:1.1}.hero-content p{font-size:1.2rem;max-width:700px;margin:0 auto 40px;color:#cbd5e1}.tracking-form{display:flex;background:#fff;padding:10px;border-radius:50px;max-width:700px;margin:0 auto;box-shadow:0 15px 40px #0006}.tracking-form input{flex:1;border:none;padding:15px 25px;font-size:1rem;outline:none;background:transparent}.btn-track{background:#38bdf8;color:#0f172a;border:none;padding:15px 35px;border-radius:40px;font-weight:800;cursor:pointer;transition:.3s ease}.btn-track:hover{background:#fde047;transform:scale(1.05)}.services-section{padding:100px 10%;background:#f8fafc;text-align:center}.section-title{font-size:2.5rem;margin-bottom:50px;color:#0f172a}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;transition:.3s}.service-card:hover{transform:translateY(-10px);border-bottom:5px solid #38bdf8}.service-icon{font-size:3rem;margin-bottom:20px}.why-us-section{padding:100px 10%;background:#0f172a;color:#fff}.why-us-content{display:flex;align-items:center;gap:50px;flex-wrap:wrap}.why-us-text{flex:1;min-width:300px}.why-us-text h2{font-size:2.5rem;margin-bottom:20px;color:#38bdf8}.features-list{list-style:none;padding:0}.features-list li{margin-bottom:15px;font-size:1.1rem;display:flex;align-items:center}.features-list li:before{content:"✓";color:#38bdf8;margin-right:15px;font-weight:700}.why-us-image img{width:100%;max-width:500px;border-radius:20px;box-shadow:0 20px 40px #00000080}.testimonials{padding:100px 10%;text-align:center}.testimonial-grid{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.test-card{background:#f1f5f9;padding:40px;border-radius:15px;max-width:400px;font-style:italic}.cta-section{padding:80px 10%;background:#38bdf8;color:#0f172a;text-align:center}.cta-section h2{font-size:3rem;margin-bottom:10px}.btn-cta{margin-top:30px;padding:18px 50px;background:#0f172a;color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:.3s}.btn-cta:hover{opacity:.9;transform:translateY(-3px)}.about-page{width:100%;background:#fff}.about-banner{height:450px;background:linear-gradient(to right,#0f172ae6,#0f172a66),url(https://images.pexels.com/photos/4481259/pexels-photo-4481259.jpeg?auto=compress&cs=tinysrgb&w=1200);background-size:cover;background-position:center;display:flex;align-items:center;padding:0 10%;color:#fff}.banner-content h1{font-size:3.5rem;margin-bottom:10px}.banner-content p{font-size:1.2rem;opacity:.8}.about-story{display:flex;align-items:center;padding:100px 10%;gap:60px}.story-img{flex:1}.story-img img{width:100%;border-radius:4px;border-bottom:15px solid #38bdf8}.story-text{flex:1}.story-text h2{font-size:2.5rem;color:#0f172a;margin-bottom:20px}.story-text p{color:#64748b;font-size:1.1rem;line-height:1.8}.story-metrics{display:flex;gap:40px;margin-top:30px}.story-metrics h3{font-size:2rem;color:#38bdf8}.value-strip{background:#0f172a;padding:80px 10%;display:flex;gap:30px;color:#fff}.v-card{flex:1;padding:30px;border:1px solid rgba(255,255,255,.1)}.v-num{font-size:1.5rem;font-weight:700;color:#38bdf8;margin-bottom:15px}.v-card h4{font-size:1.4rem;margin-bottom:10px}.v-card p{opacity:.7;font-size:.95rem}.quality-showcase{display:flex;padding:100px 10%;gap:50px;background:#f8fafc;align-items:center}.quality-text{flex:1}.quality-text h2{font-size:2.5rem;margin-bottom:20px}.quality-img{flex:1}.quality-img img{width:100%;border-radius:20px;transform:rotate(3deg)}.contact-small-btn{padding:12px 25px;background:#0f172a;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:20px}@media (max-width: 900px){.about-story,.value-strip,.quality-showcase{flex-direction:column;text-align:center}.quality-img img{transform:rotate(0)}}.pricing-new-page{background-color:#f8fafc;padding-bottom:80px}.pricing-header-main{background:#0f172a;color:#fff;text-align:center;padding:80px 20px;margin-bottom:50px}.pricing-header-main h1{font-size:2.8rem;margin-bottom:10px}.packages-wrapper{padding:0 8%}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.pkg-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0}.pkg-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001f}.pkg-image{position:relative;height:180px}.pkg-image img{width:100%;height:100%;object-fit:cover}.pkg-tag{position:absolute;bottom:12px;left:12px;background:#38bdf8;color:#fff;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700}.pkg-content{padding:25px;text-align:left}.pkg-content h3{color:#0f172a;margin-bottom:12px;font-size:1.3rem}.pkg-price{font-size:2.2rem;margin-bottom:20px;color:#0f172a}.pkg-price span{font-size:1rem;color:#94a3b8;font-weight:400}.pkg-list{list-style:none;padding:0;margin-bottom:25px}.pkg-list li{font-size:.9rem;padding:6px 0;color:#475569;border-bottom:1px solid #f1f5f9}.select-btn{width:100%;padding:14px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:.3s}.select-btn:hover{background:#38bdf8}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}}.fav-btn{position:absolute;top:10px;right:10px;background:#fff;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;z-index:10;transition:.3s}.fav-btn.active{background:#ff4757;color:#fff}.nav-icon{position:relative;font-size:1.2rem;text-decoration:none}.badge{position:absolute;top:-10px;right:-10px;background:#38bdf8;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:50%;font-weight:700}.orders-page{padding:100px 10%;min-height:80vh;background-color:#f8fafc}.orders-page h1{margin-bottom:30px;color:#0f172a}.table-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow-x:auto}.my-table{width:100%;border-collapse:collapse;text-align:left}.my-table th{padding:15px;background-color:#f1f5f9;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0}.my-table td{padding:15px;border-bottom:1px solid #f1f5f9;color:#1e293b}.my-table tr:hover{background-color:#f8fafc}.cart-container{padding:50px 20px;background-color:#f8fafc;min-height:80vh}.cart-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}.selected-plan-box{background:#fff;padding:30px;border-radius:12px;border-left:5px solid #38bdf8;box-shadow:0 4px 15px #0000000d}.price-tag span{font-size:1.5rem;font-weight:700;color:#0f172a}.shipping-form{display:flex;flex-direction:column;gap:15px}.shipping-form input{padding:12px;border:1px solid #e2e8f0;border-radius:6px}.confirm-btn{background-color:#0f172a;color:#fff;padding:15px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:.3s}.confirm-btn:hover{background-color:#38bdf8}@media (max-width: 768px){.cart-layout{grid-template-columns:1fr}}.signup-container{min-height:80vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;padding:20px}.signup-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0000000d;width:100%;max-width:450px;text-align:center}.signup-header h2{font-size:2rem;color:#0f172a;margin-bottom:8px}.signup-header p{color:#64748b;margin-bottom:30px;font-size:.95rem}.signup-form{display:flex;flex-direction:column;gap:20px}.input-group input{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;outline:none}.input-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.signup-submit-btn{background-color:#0f172a;color:#fff;padding:14px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:10px}.signup-submit-btn:hover{background-color:#1e293b}.footer-text{margin-top:25px;font-size:.85rem;color:#94a3b8}.prayer-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;background:linear-gradient(135deg,#e0eafc,#cfdef3);min-height:90vh}.prayer-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:30px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:500px;text-align:center;border:1px solid rgba(255,255,255,.3)}.prayer-title{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:30px;letter-spacing:-.5px}.city-dropdown-container{margin-bottom:35px;position:relative}.city-select{padding:14px 20px;width:100%;border-radius:15px;border:2px solid transparent;font-size:1.1rem;font-weight:500;outline:none;cursor:pointer;background-color:#fff;color:#334155;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232563eb%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1.2rem top 50%;background-size:.8rem auto}.city-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.times-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.time-item{background:#fff;padding:20px;border-radius:20px;border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.time-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#2563eb;opacity:0;transition:opacity .3s}.time-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000014}.time-item:hover:before{opacity:1}.prayer-name{color:#64748b;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.prayer-time{color:#0f172a;font-size:1.5rem;font-weight:800;margin-top:8px}.loader{font-weight:600;color:#2563eb;padding:20px;font-size:1.1rem}body{margin:0;font-family:sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;overflow-x:hidden;width:100%}#root{width:100%}