@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#fff;--bg-subtle:#f8fafc;--bg-card:#fff;--bg-blue-light:#eff6ff;--bg-blue-hover:#dbeafe;--primary-blue:#007aff;--primary-blue-hover:#0056b3;--primary-blue-subtle:#d6e8ff;--accent-cyan:#0ea5e9;--text-dark:#0f172a;--text-muted:#475569;--text-light:#94a3b8;--text-white:#fff;--border-light:#e5e7eb;--border-blue:#bfdbfe;--shadow-sm:0 2px 4px #007aff0a;--shadow-md:0 4px 16px #007aff14;--shadow-lg:0 10px 30px #007aff1f;--shadow-flat:0 1px 3px #0f172a0f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{background-color:var(--bg-main);min-height:100%;color:var(--text-dark)}body{background-color:var(--bg-main);color:var(--text-dark);line-height:1.6;overflow-x:hidden}main,.app-container{background-color:var(--bg-main);color:inherit}main{background-color:var(--bg-main)}button,input,textarea,select,optgroup,option{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.app-container{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:5rem 0}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-blue);color:var(--text-white);border-color:var(--primary-blue);box-shadow:0 4px 12px #007aff40}.btn-primary:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);transform:translateY(-2px);box-shadow:0 6px 16px #007aff59}.btn-secondary{background:var(--bg-blue-light);color:var(--primary-blue);border:1px solid var(--border-blue)}.btn-secondary:hover{background:var(--bg-blue-hover);color:var(--primary-blue-hover);transform:translateY(-2px)}.btn-outline{color:var(--text-dark);border:1px solid var(--border-light);background:0 0}.btn-outline:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-full{width:100%}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#fffffff2;padding:1rem 0;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.brand-logo{color:var(--text-dark);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:var(--bg-blue-light);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary-blue);border:1px solid var(--border-blue);justify-content:center;align-items:center;display:flex}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);background:0 0;border:none;padding:.4rem .6rem;font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary-blue);background:var(--bg-blue-light)}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-blue{background:var(--bg-blue-light);color:var(--primary-blue);border:1px solid var(--border-blue)}.badge-green{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.section-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.section-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto 3rem;font-size:1.1rem}.text-center{text-align:center}.hero-section{background:linear-gradient(#fff 0%,#f0f7ff 100%);padding:6rem 0 4rem;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-title{color:var(--text-dark);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:3.25rem;font-weight:800;line-height:1.15}.hero-title span{color:var(--primary-blue);background:linear-gradient(135deg,#007aff 0%,#0045a5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-muted);margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.hero-actions{gap:1rem;margin-bottom:2.5rem;display:flex}.hero-stats{border-top:1px solid var(--border-light);gap:2.5rem;padding-top:1.5rem;display:flex}.stat-number{color:var(--primary-blue);font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.hero-preview-card{background:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border-blue);box-shadow:var(--shadow-lg);padding:1.25rem;position:relative}.preview-image-wrapper{border-radius:var(--radius-md);aspect-ratio:16/10;position:relative;overflow:hidden}.preview-image-wrapper img{object-fit:cover;width:100%;height:100%}.preview-overlay{color:#fff;background:linear-gradient(#0000 40%,#0f172ab3 100%);align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.viewer-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ad9;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-header{border-bottom:1px solid var(--border-light);background:#fffffffa;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex}.viewer-title-box{align-items:center;gap:1rem;display:flex}.viewer-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.flat-album-container{border-radius:var(--radius-lg);border:1px solid var(--border-blue);background:#fff;flex-direction:column;width:100%;max-width:1000px;height:80vh;max-height:650px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.page-content-area{background:#f8fafc;flex:1;display:flex;position:relative}.page-single{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.page-single img{object-fit:contain;max-width:100%;max-height:100%}.page-double{width:100%;height:100%;display:flex}.page-double-half{border-right:1px solid var(--border-light);background:#fff;flex:1;justify-content:center;align-items:center;height:100%;padding:.5rem;display:flex}.page-double-half img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.page-caption-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);color:var(--text-dark);background:#ffffffeb;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.viewer-nav-btn{border-radius:var(--radius-full);border:1px solid var(--border-blue);width:48px;height:48px;color:var(--primary-blue);cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition);z-index:10;background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav-btn:hover{background:var(--primary-blue);color:#fff}.viewer-nav-btn.prev{left:1.5rem}.viewer-nav-btn.next{right:1.5rem}.viewer-footer-controls{border-top:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.audio-controls{background:var(--bg-blue-light);border-radius:var(--radius-full);border:1px solid var(--border-blue);align-items:center;gap:.75rem;padding:.4rem 1rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-blue);background:#fff;padding:2rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{color:var(--text-dark);font-size:1.4rem;font-weight:800}.close-btn{background:var(--bg-subtle);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border:none;justify-content:center;align-items:center;display:flex}.close-btn:hover{color:var(--text-dark);background:#e2e8f0}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-dark);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;color:var(--text-dark);transition:var(--transition);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff26}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.album-card{border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);background:#fff;flex-direction:column;display:flex;overflow:hidden}.album-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-blue);transform:translateY(-4px)}.card-img-container{aspect-ratio:16/10;position:relative;overflow:hidden}.card-img-container img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.album-card:hover .card-img-container img{transform:scale(1.04)}.card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-title{color:var(--text-dark);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.card-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--text-dark);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-table{border-collapse:collapse;border-radius:var(--radius-md);border:1px solid var(--border-light);background:#fff;width:100%;margin-top:1.5rem;overflow:hidden}.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:1rem 1.25rem;font-size:.9rem}.dashboard-table th{background:var(--bg-blue-light);color:var(--primary-blue-hover);font-weight:700}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.pricing-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition);background:#fff;flex-direction:column;padding:2.5rem 2rem;display:flex;position:relative}.pricing-card.featured{border:2px solid var(--primary-blue);box-shadow:var(--shadow-lg);background:linear-gradient(#fff 0%,#f4f9ff 100%)}.pricing-card:hover{transform:translateY(-4px)}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-title{font-size:2.5rem}.nav-links{display:none}}[style*="background: rgb(7, 7, 16)"],[style*="background: rgb(10, 10, 18)"],[style*="background: rgb(17, 17, 26)"],[style*="background: rgb(13, 18, 36)"],[style*="background: rgb(8, 8, 16)"],[style*="background: rgb(15, 15, 26)"],[style*="background: rgb(14, 14, 24)"],[style*="background: rgb(18, 18, 30)"],[style*="background: rgb(5, 5, 8)"],[style*="background: rgb(12, 12, 20)"],[style*="background-color: rgb(7, 7, 16)"],[style*="background-color: rgb(10, 10, 18)"],[style*="background-color: rgb(5, 5, 8)"],[style*="background-color: rgb(12, 12, 20)"],[style*="background: #070710"],[style*="background: #0a0a12"],[style*="background: #11111a"],[style*="background: #0d1224"],[style*="background: #080810"],[style*="background: #0f0f1a"],[style*="background: #0e0e18"],[style*="background: #12121e"],[style*="background: #050508"],[style*="background-color: #070710"],[style*="background-color: #0a0a12"],[style*="background-color: #050508"]{color:#0f172a!important;background:#f8fafc!important}[style*="background: rgba(255, 255, 255, 0.02)"],[style*="background: rgba(255, 255, 255, 0.03)"],[style*="background: rgba(255, 255, 255, 0.04)"],[style*="background: rgba(255, 255, 255, 0.05)"],[style*="background: rgba(255, 255, 255, 0.06)"],[style*="background: rgba(255, 255, 255, 0.07)"],[style*="background: rgba(255, 255, 255, 0.08)"],[style*="background: rgba(255, 255, 255, 0.1)"],[style*="background: rgba(255,255,255,0.02)"],[style*="background: rgba(255,255,255,0.03)"],[style*="background: rgba(255,255,255,0.04)"],[style*="background: rgba(255,255,255,0.05)"],[style*="background: rgba(255,255,255,0.06)"],[style*="background: rgba(255,255,255,0.07)"],[style*="background: rgba(255,255,255,0.08)"],[style*="background: rgba(14, 14, 24"],[style*="background: rgba(12, 12, 20"],[style*="background: rgba(18, 18, 30"],[style*="background: rgba(20, 20, 35"],[style*="background: rgba(14,14,24"],[style*="background: rgba(12,12,20"],[style*="background: rgba(18,18,30"],[style*="background: rgba(20,20,35"]{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 16px #0f172a0d!important}[style*="color: rgb(255, 255, 255)"]:not(button):not(a):not([style*=background]):not(span),[style*="color: #fff"]:not(button):not(a):not([style*=background]):not(span),[style*="color: #ffffff"]:not(button):not(a):not([style*=background]):not(span),[style*="color: '#fff'"]:not(button):not(a):not([style*=background]):not(span){color:#0f172a!important}[style*="color: rgba(255, 255, 255, 0.9)"],[style*="color: rgba(255, 255, 255, 0.8)"],[style*="color: rgba(255, 255, 255, 0.7)"],[style*="color: rgba(255, 255, 255, 0.75)"],[style*="color: rgba(255,255,255,0.9)"],[style*="color: rgba(255,255,255,0.8)"],[style*="color: rgba(255,255,255,0.7)"],[style*="color: rgba(255,255,255,0.75)"]{color:#1e293b!important}[style*="color: rgba(255, 255, 255, 0.5)"],[style*="color: rgba(255, 255, 255, 0.6)"],[style*="color: rgba(255,255,255,0.5)"],[style*="color: rgba(255,255,255,0.6)"]{color:#475569!important}[style*="color: rgba(255, 255, 255, 0.3)"],[style*="color: rgba(255, 255, 255, 0.35)"],[style*="color: rgba(255, 255, 255, 0.4)"],[style*="color: rgba(255, 255, 255, 0.45)"],[style*="color: rgba(255,255,255,0.3)"],[style*="color: rgba(255,255,255,0.35)"],[style*="color: rgba(255,255,255,0.4)"],[style*="color: rgba(255,255,255,0.45)"]{color:#64748b!important}[style*="border: 1px solid rgba(255, 255, 255, 0.06)"],[style*="border: 1px solid rgba(255, 255, 255, 0.07)"],[style*="border: 1px solid rgba(255, 255, 255, 0.08)"],[style*="border: 1px solid rgba(255, 255, 255, 0.1)"],[style*="border: 1px solid rgba(255, 255, 255, 0.12)"],[style*="border: 1px solid rgba(255, 255, 255, 0.15)"],[style*="border: 1px solid rgba(255,255,255,0.06)"],[style*="border: 1px solid rgba(255,255,255,0.07)"],[style*="border: 1px solid rgba(255,255,255,0.08)"],[style*="border: 1px solid rgba(255,255,255,0.1)"],[style*="border: 1px solid rgba(255,255,255,0.12)"],[style*="border: 1px solid rgba(255,255,255,0.15)"],[style*="border-bottom: 1px solid rgba(255, 255, 255, 0.06)"],[style*="border-bottom: 1px solid rgba(255, 255, 255, 0.07)"],[style*="border-bottom: 1px solid rgba(255, 255, 255, 0.08)"],[style*="border-bottom: 1px solid rgba(255, 255, 255, 0.1)"],[style*="border-top: 1px solid rgba(255, 255, 255, 0.06)"],[style*="border-top: 1px solid rgba(255, 255, 255, 0.07)"]{border-color:#e2e8f0!important}input[style*="background: rgba(255, 255, 255"],input[style*="background: rgba(255,255,255"],input[style*="background: rgb(18, 18, 30)"],input[style*="background: #12121e"],select[style*="background: rgba(255, 255, 255"],select[style*="background: rgba(255,255,255"],select[style*="background: rgb(18, 18, 30)"],select[style*="background: #12121e"],textarea[style*="background: rgba(255, 255, 255"],textarea[style*="background: rgba(255,255,255"]{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}input::placeholder,textarea::placeholder{color:#94a3b8!important}main [style*="color: rgb(255, 255, 255)"]:not([style*=background]):not(button),main [style*="color: #fff"]:not([style*=background]):not(button),main [style*="color: #ffffff"]:not([style*=background]):not(button){color:#0f172a!important}.card-light:hover{box-shadow:0 10px 25px #0f172a14!important}