@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;background-color:#000;font-family:Lato,sans-serif;overflow-x:hidden}.app-container{position:relative;width:100%;min-height:100vh;background-color:#000}.intro-layer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:50;background:#000;transition:opacity 2s ease-in-out;opacity:1;pointer-events:auto}.intro-layer.fade-out{opacity:0;pointer-events:none}.main-site{position:relative;width:100%;min-height:100vh;z-index:1;opacity:0;transition:opacity 1s ease-in-out}.main-site.visible{opacity:1}.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:80px}.btn-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.start-btn{position:relative;z-index:10;padding:15px 50px;font-size:1.2rem;background:rgba(255,255,255,.95);border:none;border-radius:50px;cursor:pointer;font-family:Lato,sans-serif;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;overflow:visible;box-shadow:0 4px 15px #0000004d}.start-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 25px #fff9}.heart-particle{position:absolute;top:50%;left:50%;color:#ff4757;pointer-events:none;z-index:1;opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0);animation:explodeBehind .8s ease-out forwards}@keyframes explodeBehind{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(var(--velocity)) scale(1.2)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:30px 50px;background:transparent;position:absolute;top:0;left:0;width:100%;z-index:100}.navbar h2{font-family:Playfair Display,serif;color:#fff}.navbar ul{display:flex;list-style:none;gap:30px;color:#fff}.navbar li{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.hero{height:100vh;width:100%;position:relative;overflow:hidden}.trailer-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.trailer-wrapper video{width:100%;height:100%;object-fit:cover}.services-section{padding:150px 50px;background:#000;display:flex;flex-direction:column;align-items:center}.services-title-scroll{font-family:Playfair Display,serif;font-size:4rem;color:#fff;text-align:center;opacity:0;transform:translateY(30px);transition:opacity 1.5s ease-out,transform 1.5s ease-out;margin-bottom:100px}.services-title-scroll.revealed{opacity:1;transform:translateY(0)}.services-list{width:100%;max-width:1200px}.service-item{display:flex;align-items:center;margin-bottom:150px;gap:80px;opacity:0;transform:translateY(40px);transition:opacity 1.2s ease-out,transform 1.2s ease-out}.service-item.revealed{opacity:1;transform:translateY(0)}.service-photo-wrapper{flex:1.2;height:550px;position:relative;overflow:visible;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.service-photo-wrapper>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.main-img{width:100%;height:100%;object-fit:cover;border-radius:4px;position:relative;z-index:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s ease;box-shadow:0 10px 30px #00000080}.service-photo-wrapper:hover .main-img{transform:scale(.9);box-shadow:0 20px 50px #000000b3;filter:brightness(.95)}.service-info{flex:1;color:#fff}.service-info h3{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:25px}.service-info p{font-family:Lato,sans-serif;font-weight:300;line-height:1.8;font-size:1.15rem;color:#ccc}.gallery-section{padding:100px 50px;background:#000;display:flex;flex-direction:column;align-items:center;width:100%}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;max-width:1300px;margin-top:20px}.gallery-card{display:flex;flex-direction:column;background:#000;border:1px solid #1a1a1a;transition:transform .4s ease,border-color .4s ease;cursor:pointer;width:100%}.gallery-card:hover{transform:translateY(-10px);border-color:#333}.gallery-img-wrapper{width:100%;aspect-ratio:3 / 4;overflow:hidden;position:relative}.gallery-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.33,1,.68,1);filter:brightness(.9)}.gallery-card:hover .gallery-img-wrapper img{transform:scale(1.1);filter:brightness(1)}.gallery-text{padding:35px 25px;text-align:center;background:#000;border-top:1px solid #1a1a1a}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr}}.admin-login-container{width:100%;min-height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;background-color:#111;border:1px solid #333;border-radius:16px;padding:40px;box-shadow:0 10px 40px #00000080;text-align:center}.login-icon{color:#ff4757;margin-bottom:20px;display:flex;justify-content:center}.login-card h2{font-family:Playfair Display,serif;color:#fff;font-size:2rem;margin-bottom:5px}.subtitle{color:#888;font-size:.9rem;margin-bottom:30px}.error-message{background:rgba(220,38,38,.2);border:1px solid rgba(220,38,38,.5);color:#fca5a5;padding:10px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;color:#666;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.input-group input{width:100%;padding:12px;background:#000;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s ease}.input-group input:focus{border-color:#ff4757}.login-btn{width:100%;padding:12px;background:#ff4757;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease;display:flex;justify-content:center;align-items:center}.login-btn:hover{background:#e04050}.login-btn:disabled{background:#555;cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-layout{display:flex;min-height:100vh;background-color:#000;color:#fff}.admin-sidebar{width:260px;background-color:#050505;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;padding:2rem;position:fixed;height:100%;left:0;top:0}.admin-main{flex:1;margin-left:260px;padding:2rem 3rem;background-color:#000}.sidebar-logo{font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:3rem;color:#fff}.sidebar-logo span{color:#ff4757}.sidebar-nav{display:flex;flex-direction:column;gap:10px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#888;text-decoration:none;border-radius:8px;transition:all .3s ease;font-size:1rem}.nav-item:hover{background-color:#1a1a1a;color:#fff}.nav-item.active{background-color:#ff475726;color:#ff4757}.logout-btn{display:flex;align-items:center;gap:12px;background:none;border:none;color:#ef4444;cursor:pointer;padding:12px 16px;font-size:1rem;margin-top:auto;border-radius:8px;transition:background .3s ease}.logout-btn:hover{background-color:#ef44441a}.loading-screen{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;gap:10px}.manage-gallery-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#666}.upload-card{background-color:#0a0a0a;border:1px solid #222;border-radius:12px;padding:1.5rem;margin-bottom:3rem}.upload-card h3{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.2rem}.upload-form-row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.flex-grow{flex:1;min-width:250px}.form-group label{font-size:.75rem;text-transform:uppercase;color:#666;letter-spacing:1px}.form-group input[type=file]{color:#888;font-size:.9rem}.form-group select{background-color:#000;border:1px solid #333;color:#fff;padding:10px;border-radius:6px;min-width:150px;outline:none}.action-btn{padding:10px 24px;border-radius:6px;border:none;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s ease;height:42px}.upload-btn{background-color:#ff4757;color:#fff}.upload-btn:hover:not(:disabled){background-color:#e04050}.upload-btn:disabled{background-color:#333;color:#666;cursor:not-allowed}.admin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:1rem}.admin-gallery-card{position:relative;aspect-ratio:1;background-color:#111;border-radius:8px;overflow:hidden;border:1px solid #222}.admin-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.admin-gallery-card:hover .card-overlay{opacity:1}.delete-btn{background-color:#ef4444;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.category-tag{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.7);padding:4px 8px;font-size:.7rem;border-radius:4px;text-transform:uppercase;font-weight:700}.empty-state{grid-column:1 / -1;padding:3rem;text-align:center;border:1px dashed #333;border-radius:8px;color:#666}.dashboard-container{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:3rem}.stat-card{background-color:#0a0a0a;border:1px solid #222;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:20px;transition:transform .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-5px);border-color:#333}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.stat-icon.pink{background:rgba(255,71,87,.1);color:#ff4757}.stat-icon.purple{background:rgba(168,85,247,.1);color:#a855f7}.stat-icon.red{background:rgba(239,68,68,.1);color:#ef4444}.stat-info h3{font-family:Playfair Display,serif;font-size:2rem;color:#fff;line-height:1;margin-bottom:5px}.stat-info p{color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.dashboard-section h3{font-size:1.2rem;color:#fff;margin-bottom:1.5rem;border-bottom:1px solid #1a1a1a;padding-bottom:10px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.quick-action-card{background-color:#111;border:1px solid #222;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-decoration:none;color:#fff;transition:all .3s ease;height:180px}.quick-action-card:hover{background-color:#1a1a1a;border-color:#ff4757;transform:translateY(-5px)}.action-icon{color:#ff4757;transition:transform .3s ease}.quick-action-card:hover .action-icon{transform:scale(1.2)}.quick-action-card span{font-size:1rem;font-weight:500;color:#ddd}.upload-card .form-group input[type=text]{background-color:#000;border:1px solid #333;color:#fff;padding:10px;border-radius:6px;outline:none}.upload-card .form-group input[type=text]:focus{border-color:#ff4757}.category-tag{background-color:#222;color:#fff;border:1px solid #333;transition:all .3s ease}.category-tag:hover{border-color:#ff4757}.modal-title{color:#fff}.modal-message{color:#888}.gallery-section button:hover{transform:translate(-5px);transition:transform .3s ease}.gallery-grid .gallery-card h3{font-family:Playfair Display,serif;color:#fff;text-transform:capitalize;letter-spacing:.5px}.custom-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);color:#fff;padding:14px 28px;border-radius:50px;font-family:Lato,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:.5px;z-index:9999;display:flex;align-items:center;gap:12px;pointer-events:none;white-space:nowrap}.custom-toast.success{background:#2ed573;box-shadow:0 10px 30px #2ed57366}.custom-toast.error{background:#ff4757;box-shadow:0 10px 30px #ff475766}.navbar{transition:opacity 1s ease-in-out,visibility 1s ease-in-out}.navbar-hidden{opacity:0;visibility:hidden;pointer-events:none}.navbar-visible{opacity:1;visibility:visible;pointer-events:auto}