@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--black:#000;--charcoal-1:#0a0a0a;--charcoal-2:#111;--charcoal-3:#1a1a1a;--charcoal-4:#222;--gray-dark:#333;--gray-mid:#555;--gray-light:#888;--gray-text:#aaa;--white-dim:#ffffffd9;--white-muted:#ffffff73;--white-ghost:#ffffff26;--white-pure:#f5f5f5;--crimson:#8b0000;--crimson-hot:#c0392b;--crimson-sweet:#dc2626;--fuchsia:#ff2d78;--fuchsia-glow:#ff2d7866;--yellow-fluor:#f5e642;--neon-yellow:#eab308;--cyan-elite:#06b6d4;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--nav-height:72px;--sidebar-w:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white-dim);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--charcoal-1)}::-webkit-scrollbar-thumb{background:var(--gray-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-mid)}.glass{-webkit-backdrop-filter:blur(20px);background:#0a0a0ab3;border:1px solid #ffffff0f}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}h1,h2,h3,.heading-elegant{font-family:var(--font-serif);letter-spacing:-.02em;line-height:1.05}.ui-mono{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.25em;font-size:.7rem}.nav-link{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gray-text);white-space:nowrap;font-size:.8rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--white-pure);width:0;height:1px;transition:width .35s;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--white-pure)}.nav-link:hover:after{width:100%}.btn-primary{background:var(--white-pure);color:var(--black);font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2.5rem;font-size:.78rem;font-weight:700;transition:all .35s;display:inline-flex}.btn-primary:hover{background:var(--gray-text);transform:translateY(-1px)}.btn-ghost{color:var(--white-muted);font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:.78rem;font-weight:500;transition:all .35s;display:inline-flex}.btn-ghost:hover{color:var(--white-pure);border-color:#fff9}.cat-card{cursor:pointer;background:var(--charcoal-2);position:relative;overflow:hidden}.cat-card img{object-fit:cover;filter:grayscale(20%)brightness(.85);width:100%;height:100%;transition:transform .7s cubic-bezier(.25,.46,.45,.94),filter .5s}.cat-card:hover img{filter:grayscale(0%)brightness();transform:scale(1.05)}.cat-card-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000000d9 100%);transition:background .4s;position:absolute;inset:0}.cat-card:hover .cat-card-overlay{background:linear-gradient(#0000 0%,#0000004d 40%,#000000f2 100%)}.dashboard-layout{min-height:100vh;padding-top:var(--nav-height);display:flex}.sidebar{width:var(--sidebar-w);min-height:calc(100vh - var(--nav-height));top:var(--nav-height);background:var(--charcoal-1);z-index:90;border-right:1px solid #ffffff0d;padding:2rem 0;position:fixed;left:0;overflow-y:auto}.dashboard-main{margin-left:var(--sidebar-w);min-height:calc(100vh - var(--nav-height));flex:1;padding:3rem}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg, var(--charcoal-2) 25%, var(--charcoal-3) 50%, var(--charcoal-2) 75%);background-size:2000px 100%;animation:2s linear infinite shimmer}.loop-card{cursor:pointer;background:var(--charcoal-2);aspect-ratio:9/16;border:1px solid #ffffff0a;max-height:550px;transition:border-color .3s;position:relative;overflow:hidden}.loop-card:hover{border-color:#ffffff26}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.7;box-shadow:0 0 0 5px #22c55e00}}.grid-bundles{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.cat-card-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.vault-store-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.loops-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.photo-gallery-grid{columns:4;column-gap:.5rem}@media (width<=1024px){.dashboard-main{padding:2rem}:root{--sidebar-w:220px}.desktop-nav{display:none!important}.mobile-hamburger{display:flex!important}}@media (width<=768px){:root{--nav-height:60px;--sidebar-w:0px}h1,.heading-elegant{font-size:clamp(2.2rem,8vw,3rem)!important}.sidebar{display:none}.dashboard-main{margin-left:0;padding:1.5rem 1.25rem 100px!important}.grid-bundles{grid-template-columns:1fr!important;gap:2rem!important}.cat-card-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.pricing-grid{grid-template-columns:1fr!important}.vault-store-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.loops-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.photo-gallery-grid{columns:1!important;column-gap:0!important}.photo-gallery-grid>div{margin-bottom:1rem!important}.floating-bot-btn{width:60px!important;height:60px!important;bottom:85px!important;right:15px!important}.modal-content{width:95%!important;padding:2.5rem 1.5rem!important}}.mobile-hamburger{color:var(--white-pure);background:0 0;border:none;font-size:1.5rem;display:none}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0a0af2;border-top:1px solid #ffffff0f;width:100%;height:65px;display:none;position:fixed;bottom:0;left:0}@media (width<=768px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}}.bottom-nav-item{height:100%;color:var(--gray-text);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.55rem;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--white-pure)}.bottom-nav-item svg{width:20px;height:20px}