@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@700&display=swap";:root{--primary:#f8bbd0;--primary-hover:#f48fb1;--secondary:#d4af37;--bg-dark:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#ec4899;--font-heading:"Playfair Display", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(12px);--transition-fast:.2s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--primary);font-weight:700}a{color:inherit;transition:var(--transition-fast);text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:1000;width:100%;transition:var(--transition-slow);padding:1.5rem 2rem;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);padding:1rem 2rem}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{font-family:var(--font-heading);color:var(--primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{color:var(--secondary)}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{letter-spacing:.05rem;text-transform:uppercase;color:var(--text-main);opacity:.8;font-size:.9rem;font-weight:400}.nav-links a:hover{opacity:1;color:var(--primary)}.cta-button{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:50px;padding:.6rem 1.5rem;box-shadow:0 4px 15px #ec48994d;color:#fff!important;opacity:1!important;font-weight:600!important}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.mobile-menu{color:var(--text-main);background:0 0;display:none}@media (width<=768px){.mobile-menu{display:block}.nav-links{background:var(--bg-dark);width:70%;height:100vh;transition:var(--transition-slow);flex-direction:column;justify-content:center;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.nav-links.active{right:0}}.hero{text-align:center;background:url(/hero-bg.png) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;padding:0 2rem;display:flex;position:relative}.hero-overlay{background:linear-gradient(to bottom, #0f172ab3, var(--bg-dark));z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;max-width:800px;position:relative}.hero h1{color:var(--text-main);margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1}.hero h1 span{color:var(--primary);font-style:italic}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero-btns{justify-content:center;gap:1.5rem;display:flex}.btn-primary{background:var(--primary);color:var(--bg-dark);border-radius:50px;padding:1rem 2rem;font-weight:600;box-shadow:0 10px 20px #f8bbd033}.btn-secondary{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-main);border-radius:50px;padding:1rem 2rem;font-weight:600}.btn-primary:hover,.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-3px)}@media (width<=768px){.hero-btns{flex-direction:column;gap:1rem}}.services{padding:var(--spacing-xl) 2rem;max-width:1200px;margin:0 auto}.section-header h2{margin-bottom:1rem;font-size:3rem}.section-header p{color:var(--text-muted)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-fast);border-radius:24px;flex-direction:column;justify-content:space-between;padding:3rem 2rem;display:flex}.service-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #0000004d}.service-card h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.8rem}.price{color:var(--secondary);margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.service-card p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.service-card ul{margin-bottom:2.5rem}.service-card li{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.check-icon{color:var(--primary)}.service-btn{border:1px solid var(--primary);color:var(--primary);transition:var(--transition-fast);background:0 0;border-radius:12px;padding:.8rem;font-weight:600}.service-btn:hover{background:var(--primary);color:var(--bg-dark)}.gallery{padding:var(--spacing-xl) 2rem;background:#ffffff03}.section-header{text-align:center;margin-bottom:3rem}.header-icon{color:var(--primary);margin-bottom:1rem}.collection-tabs{border:1px solid var(--glass-border);background:#ffffff08;border-radius:100px;flex-wrap:wrap;justify-content:center;gap:.75rem;width:fit-content;margin-bottom:4rem;margin-left:auto;margin-right:auto;padding:.5rem;display:flex}.collection-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:100px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.collection-tab.active{background:var(--primary);color:var(--bg-dark);box-shadow:0 4px 20px #f8bbd066}.collection-tab .count{background:#0000001a;border-radius:10px;padding:2px 8px;font-size:.7rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.gallery-item{aspect-ratio:4/5;cursor:pointer;background:var(--bg-card);border-radius:24px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.gallery-item:hover img{transform:scale(1.08)}.item-overlay{opacity:0;transition:var(--transition-fast);background:linear-gradient(#0000 40%,#0f172af2 90%);justify-content:space-between;align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.gallery-item:hover .item-overlay{opacity:1}.overlay-info{flex-direction:column;gap:.4rem;display:flex}.item-tag{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:800}.item-name{color:#fff;font-family:var(--font-heading);font-size:1.4rem;font-weight:600}.zoom-icon{color:#fff;opacity:.6}.lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#0a0f1afa;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1000px;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:16px;max-width:100%;max-height:75vh;box-shadow:0 20px 50px #00000080}.lightbox-info{text-align:center;color:#fff}.lightbox-info h3{font-family:var(--font-heading);margin-bottom:.5rem;font-size:2rem}.badge{background:var(--primary);color:var(--bg-dark);text-transform:uppercase;border-radius:50px;padding:.3rem 1rem;font-size:.8rem;font-weight:700}.lightbox-info p{color:var(--text-muted);margin-top:.5rem}.close-btn{color:#fff;cursor:pointer;transition:var(--transition-fast);z-index:2010;background:0 0;border:none;position:absolute;top:2rem;right:2rem}.nav-btn{color:#fff;cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border:none;border-radius:50%;padding:1rem;position:absolute}.nav-btn:hover{background:#ffffff1a}.nav-btn.prev{left:2rem}.nav-btn.next{right:2rem}.gallery-loading,.gallery-empty{text-align:center;color:var(--text-muted);padding:10rem 2rem}.spinner{width:50px;height:50px;color:var(--primary);margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.nav-btn{display:none}.lightbox-info h3{font-size:1.5rem}.collection-tabs{border-radius:20px}}.admin-page{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:32px;width:100%;max-width:650px;padding:3rem;position:relative}.admin-tabs{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;margin-bottom:2.5rem;padding:.25rem;display:flex}.admin-tabs button{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:.8rem;font-weight:600;display:flex}.admin-tabs button:hover{color:var(--text-main)}.admin-tabs button.active{background:var(--primary);color:var(--bg-dark)}.manage-grid{border:1px solid var(--glass-border);background:#0003;border-radius:20px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;max-height:500px;padding:.5rem;display:grid;overflow-y:auto}.manage-item{aspect-ratio:1;border:1px solid var(--glass-border);transition:var(--transition-fast);border-radius:12px;position:relative;overflow:hidden}.manage-item img{object-fit:cover;width:100%;height:100%}.manage-overlay{opacity:0;transition:var(--transition-fast);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:absolute;inset:0}.manage-item:hover .manage-overlay{opacity:1}.item-title-small{color:#fff;margin:0;font-size:.75rem;font-weight:500}.delete-btn{color:#fff;cursor:pointer;transition:var(--transition-fast);background:#ef4444;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.8rem;font-weight:600;display:flex}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.loader-container{justify-content:center;padding:4rem;display:flex}.multi-preview-grid{border:1px solid var(--glass-border);background:#ffffff05;border-radius:20px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-height:350px;margin-bottom:1.5rem;padding:1.5rem;display:grid;overflow-y:auto}.preview-item{aspect-ratio:1;border:2px solid var(--primary);border-radius:12px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.remove-item{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:5px;right:5px}.add-more-box{aspect-ratio:1;border:2px dashed var(--glass-border);cursor:pointer;color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.add-more-box input{display:none}.admin-header{text-align:center;margin-bottom:2rem}.admin-icon{color:var(--primary);margin-bottom:.5rem}.admin-form{flex-direction:column;gap:1.5rem;display:flex}.admin-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-group label{color:var(--text-muted);margin-bottom:.4rem;font-size:.9rem;display:block}.input-group input,.admin-select{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:10px;outline:none;width:100%;padding:.8rem}.admin-select option{background:var(--bg-dark);color:#fff}.submit-btn{background:var(--primary);color:var(--bg-dark);cursor:pointer;width:100%;transition:var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1.1rem;font-weight:700;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #f8bbd04d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.status-msg{border-radius:10px;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.8rem;font-size:.85rem;display:flex}.status-msg.success{color:#4ade80;background:#22c55e1a}.status-msg.error{color:#f87171;background:#ef44441a}.status-msg.loading{color:#60a5fa;background:#3b82f61a}.pin-input{border:1px solid var(--glass-border);color:#fff;text-align:center;letter-spacing:.5rem;background:#ffffff0d;border-radius:12px;outline:none;width:100%;padding:1.1rem;font-size:1.4rem}.spinner{animation:1s linear infinite spin}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}@media (width<=600px){.admin-row{grid-template-columns:1fr}.manage-grid{grid-template-columns:repeat(2,1fr)}}.contact{padding:var(--spacing-xl) 2rem;background:var(--bg-dark)}.contact-container{background:var(--bg-card);border:1px solid var(--glass-border);max-width:1000px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:40px;justify-content:space-between;align-items:center;gap:3rem;margin:0 auto;padding:4rem;display:flex}.contact-info h2{margin-bottom:1rem;font-size:2.5rem}.contact-info p{color:var(--text-muted);margin-bottom:2rem}.info-items{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.info-item{color:var(--text-main);align-items:center;gap:1rem;display:flex}.social-links{gap:1.5rem;display:flex}.social-links a{color:var(--primary);transition:var(--transition-fast)}.social-links a:hover{color:var(--secondary);transform:translateY(-3px)}.booking-btn{color:#fff;transition:var(--transition-fast);background:#25d366;border-radius:50px;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;box-shadow:0 10px 20px #25d36633}.booking-btn:hover{transform:scale(1.05);box-shadow:0 15px 30px #25d3664d}.footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);padding:4rem 2rem;font-size:.9rem}.footer p{margin-bottom:.5rem}@media (width<=768px){.contact-container{text-align:center;flex-direction:column;padding:3rem 2rem}.info-item,.social-links{justify-content:center}}
