@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-dark:#000;--bg-darker:#050505;--text-main:#fff;--text-muted:#a3a3a3;--gold:#d4af37;--gold-light:#f3e5ab;--glass-bg:#000;--glass-border:#d4af3766;--glass-border-hover:#d4af37cc;--shadow-gold:0 0 20px #d4af3733}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background:radial-gradient(circle,#151515 0%,#000 100%);min-height:100vh;margin:0;font-family:Outfit,sans-serif;overflow-x:hidden}.glass{border:1px solid var(--glass-border);background:#050505;border-radius:180px 180px 16px 16px;box-shadow:0 20px 50px #000000e6}.glass-panel{border:1px solid var(--glass-border);background:#050505;border-radius:12px}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;line-height:1.2}p{color:var(--text-muted);line-height:1.6}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:Outfit,sans-serif}.toast-container{z-index:1000;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--gold);color:var(--gold);background:#000;border-radius:9999px;padding:1rem 2rem;font-weight:600;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toast-slide-up,.3s 2.7s forwards toast-fade-out}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.splash-container{background:var(--bg-darker);z-index:9999;justify-content:center;align-items:center;animation:.5s 2.5s forwards splash-fade-out;display:flex;position:fixed;inset:0}@keyframes splash-fade-out{to{opacity:0;visibility:hidden}}.splash-logo{letter-spacing:2px;stroke:var(--gold);stroke-width:1px;fill:#0000;stroke-dasharray:400;stroke-dashoffset:400px;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;animation:2s forwards draw-logo,.5s 1.8s forwards fill-logo}@keyframes draw-logo{to{stroke-dashoffset:0}}@keyframes fill-logo{to{fill:var(--text-main);stroke:#0000}}.app-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.main-content{z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.neon-button{border:1px solid var(--glass-border);color:var(--text-main);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.neon-button svg{flex-shrink:0}.neon-button:before{content:"";background:var(--gold);opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.neon-button:hover{border-color:var(--gold);color:#000;box-shadow:var(--shadow-gold);transform:translateY(-2px)}.neon-button:hover:before{opacity:1}.portfolio-container{width:100%;height:100%;position:relative}.explode-layout{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.center-bottle{z-index:100;flex-direction:column;align-items:center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.center-bottle.shrunk{transform:scale(.55)}@media (width<=768px){.center-bottle.shrunk{transform:scale(.35)}}.perfume-lid{z-index:101;cursor:pointer;flex-direction:column;align-items:center;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.perfume-lid:hover{transform:translateY(-8px)}.perfume-lid.active{transform:translateY(-80px)}.lid-top{z-index:3;background:linear-gradient(90deg,#b8860b,gold,#b8860b);border:1px solid #cca13a;border-top-left-radius:8px;border-top-right-radius:8px;width:90px;height:20px;box-shadow:inset 0 2px 4px #fff9}.lid-body{z-index:2;background:linear-gradient(135deg,#d4af37 0%,#fff6b0 50%,#d4af37 100%);border-left:2px solid #b8860b;border-right:2px solid #b8860b;justify-content:center;align-items:center;width:120px;height:80px;display:flex;position:relative;box-shadow:0 10px 20px #000c,inset 0 0 10px #ffffff80}.lid-body:before{content:"";border-left:1px solid #ffffff4d;border-right:1px solid #ffffff4d;position:absolute;inset:0 20px}.lid-body span{color:#000;text-transform:uppercase;letter-spacing:2px;z-index:10;text-shadow:0 1px 1px #fffc;font-family:Playfair Display,serif;font-size:1rem;font-weight:700}.lid-base{z-index:1;background:linear-gradient(90deg,#a67c00,#d4af37,#a67c00);border-radius:4px;width:160px;height:16px;box-shadow:0 8px 15px #d4af3766}.perfume-body-container{perspective:1500px;z-index:99;margin-top:-8px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .6s;position:relative}.perfume-body-container.active{opacity:.7;transform:translateY(60px)}@media (width<=768px){.perfume-lid.active{transform:translateY(-80px)}.perfume-body-container.active{transform:translateY(80px)}}.perfume-body{width:350px;height:520px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.perfume-body.flipped{transform:rotateY(180deg)}.perfume-front,.perfume-back{backface-visibility:hidden;border:1px solid var(--glass-border);background:linear-gradient(135deg,#111,#050505);border-radius:24px;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 30px #ffffff08,0 30px 60px #000000e6}.perfume-front{justify-content:space-evenly}.perfume-back{justify-content:center;transform:rotateY(180deg)}@media (width<=400px){.perfume-body{width:310px;height:480px}}.qr-flip-btn{transition:transform .3s;position:absolute;top:1.5rem;right:1.5rem}.qr-flip-btn:hover{transform:scale(1.1)}.install-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .3s;position:absolute;top:1.5rem;left:1.5rem}.install-btn:hover{transform:scale(1.1)}@media (width>=1024px){.install-btn{display:none!important}}@media (display-mode:standalone){.install-btn{display:none!important}}.back-btn{transition:transform .3s;position:absolute;top:1.5rem;left:1.5rem}.back-btn:hover{transform:scale(1.1)}.card-header{justify-content:center;display:flex}.card-header img{filter:drop-shadow(0 4px 12px #d4af3733);width:100%;max-width:260px;height:auto;margin-bottom:2rem}.contact-buttons{flex-direction:column;gap:1.25rem;width:100%;display:flex}.social-dock{gap:1.5rem;margin-top:2.5rem;display:flex}.social-icon{color:#fff;background:#0003;border:1px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.social-icon:hover{color:var(--gold);border-color:var(--gold);filter:drop-shadow(0 0 8px #d4af3766);background:#d4af371a;transform:translateY(-3px)}.website-btn-wrapper{position:relative;overflow:visible!important}.link-preview-popover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gold);text-align:left;background:#0a0a0af2;border-radius:16px;width:280px;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:0 10px 30px #000c}.link-preview-popover:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--gold);position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.preview-image{background:#000;width:100%;height:140px}.preview-image img{object-fit:cover;width:100%;height:100%}.preview-info{padding:1rem}.preview-info h4{color:var(--gold);margin:0 0 .25rem;font-family:Playfair Display,serif;font-size:1.1rem}.preview-info p{color:#ccc;margin:0 0 .5rem;font-size:.8rem;line-height:1.4}.preview-url{color:var(--text-muted);font-size:.75rem;display:block}.explode-layout .mockup-bubble{cursor:pointer;border:2px solid var(--gold);width:200px;height:200px;box-shadow:var(--shadow-gold);opacity:0;pointer-events:none;z-index:50;border-radius:50%;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .6s;position:absolute;overflow:hidden;transform:translate(0)scale(0)}@media (width<=768px){.explode-layout .mockup-bubble{width:110px;height:110px}}.explode-layout .mockup-bubble.exploded{transform:translate(var(--target-x), var(--target-y)) scale(1);opacity:1;pointer-events:all;animation:4s ease-in-out infinite alternate float-radial}@keyframes float-radial{0%{transform:translate(var(--target-x), var(--target-y)) scale(1)}to{transform:translate(calc(var(--target-x) * 1.03), calc(var(--target-y) * 1.03)) scale(1.05)}}.mockup-preview-wrapper{background:radial-gradient(circle at 30% 30%,#ffffff1a,#000c);border-radius:50%;width:100%;height:100%;overflow:hidden}.mockup-preview-wrapper.image-mode img{object-fit:cover;object-position:center 65%;width:100%;height:100%;transition:transform .5s;transform:scale(1.22)translateY(-7%)}.mockup-bubble:hover .mockup-preview-wrapper.image-mode img{transform:scale(1.37)translateY(-7%)}.bubble-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#000000b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.mockup-bubble:hover .bubble-overlay{opacity:1}.zoom-modal{z-index:2000;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.zoom-modal.active{pointer-events:all;opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;position:absolute;inset:0}.modal-flip-card{perspective:1000px;opacity:0;width:90%;max-width:500px;height:80vh;max-height:700px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.8)}.zoom-modal.active .modal-flip-card{opacity:1;transform:scale(1)}.modal-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.modal-flip-card.flipped .modal-flip-inner{transform:rotateY(180deg)}.modal-front,.modal-back{backface-visibility:hidden;border:1px solid var(--gold);border-radius:16px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.modal-back{transform:rotateY(180deg)}.close-btn{z-index:10;background:#d4af371a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:1rem;right:1rem}.close-btn:hover{background:#d4af374d}.modal-header{text-align:center;background:#000c;border-bottom:1px solid #d4af374d;padding:1.5rem;font-family:Playfair Display,serif}.modal-body{scrollbar-width:none;flex:1;position:relative;overflow-y:auto}.modal-body::-webkit-scrollbar{display:none}.modal-header-visual{text-align:center;background:linear-gradient(#141414f2 0%,#0a0a0acc 100%);border-bottom:1px solid #d4af3733;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem 1rem;display:flex;position:relative}.status-badge{color:#f44;text-transform:uppercase;letter-spacing:1px;background:#ff444426;border:1px solid #f446;border-radius:20px;margin-bottom:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.modal-header-visual h2{color:var(--gold);margin:0;font-family:Playfair Display,serif;font-size:1.5rem;line-height:1.1}.inspired-by-banner{color:#d4af37;opacity:.9;font-size:.85rem;font-style:italic}.price-size-row{justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.price-tag{color:#fff;font-size:1.2rem;font-weight:600}.size-tag{color:#aaa;background:#ffffff1a;border-radius:12px;padding:.15rem .5rem;font-size:.8rem}.reviews-visual{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.reviews-visual .stars{gap:2px;display:flex}.reviews-visual span{color:#ccc;font-size:.8rem}.modal-body-visual{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:hidden}.fragrance-desc{color:#fff;text-align:center;background:#d4af3714;border:1px solid #d4af3726;border-radius:8px;margin:0;padding:.75rem;font-size:.9rem;font-style:italic;line-height:1.35}.notes-container{flex-direction:column;gap:.5rem;display:flex}.note-card{background:#ffffff08;border:1px solid #d4af3726;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:transform .2s,background .2s;display:flex}.note-card:hover{background:#d4af3714;transform:translate(4px)}.note-icon{width:32px;height:32px;color:var(--gold);background:#d4af371a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.note-icon svg{width:16px;height:16px}.note-content{text-align:left;flex:1}.note-content h4{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin:0 0 .15rem;font-size:.75rem}.note-content p{color:#fff;margin:0;font-size:.85rem;line-height:1.2}.modal-footer-visual{box-sizing:border-box;background:#000c;border-top:1px solid #d4af3733;gap:1rem;width:100%;padding:.75rem 1rem;display:flex}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;pointer-events:none;background:#0009;transition:opacity .4s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:all}.action-drawer{border-top:1px solid var(--gold);z-index:3001;background:linear-gradient(#151515,#000);border-top-left-radius:24px;border-top-right-radius:24px;max-width:600px;margin:0 auto;padding:1.5rem 2rem 3rem;transition:transform .5s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #000c}.action-drawer.open{transform:translateY(0)}.drawer-handle{cursor:pointer;background:#fff3;border-radius:4px;width:40px;height:4px;margin:0 auto 1.5rem}.drawer-title{color:var(--gold);text-align:center;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:1.5rem}.drawer-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.9rem}.drawer-content{flex-direction:column;gap:1rem;display:flex}.drawer-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.drawer-btn:hover{background:#ffffff1a;border-color:#fff3}.drawer-btn.primary{color:#000;background:linear-gradient(90deg,#b8860b,#d4af37);border:none}.drawer-btn.primary:hover{background:linear-gradient(90deg,#d4af37,#eecb6d);transform:scale(1.02)}.vip-form{flex-direction:column;gap:1rem;display:flex}.vip-form input{border:1px solid var(--gold);color:#fff;background:#000;border-radius:12px;outline:none;padding:1rem;font-family:Outfit,sans-serif;font-size:1rem}.vip-form input:focus{box-shadow:0 0 10px #d4af374d}.back-link{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;margin-bottom:.5rem;font-size:.9rem}.back-link:hover{color:var(--gold)}@media (width<=768px){.action-drawer{padding:1rem 1.2rem calc(1rem + env(safe-area-inset-bottom,0px)) 1.2rem;-webkit-backdrop-filter:blur(20px);background:#121212bf;border-top:1px solid #d4af3766;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -5px 25px #00000080}.drawer-handle{background:#fff6;width:36px;height:4px;margin:0 auto 1rem}.drawer-title{margin-bottom:.5rem;font-size:1.15rem}.drawer-subtitle{margin-bottom:.75rem;font-size:.85rem}.drawer-content{gap:.5rem}.drawer-btn{background:#ffffff14;border:none;border-radius:12px;padding:.75rem;font-size:.95rem}.drawer-btn:hover{background:#ffffff26}.drawer-btn.primary{color:#000;background:linear-gradient(90deg,#b8860b,#d4af37);font-weight:700}}