:root{--eq-rose: #F780E0;--eq-pink: #F780E0;--eq-pink-dark: #de72c9;--eq-green: #9EEF8C;--eq-black: #121212;--eq-white: #FFFFFF;--eq-off-white: #F0F2F5;--eq-pink-light-trans: rgba(247, 128, 224, .1);--eq-green-light-trans: rgba(158, 239, 140, .15);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Lexend", sans-serif;--font-titles: "AktivGrotesk", "Lexend", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-xxl: 2.25rem;--eq-text-primary: #101010;--eq-text-secondary: #6b7280;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--neuro-background: var(--eq-off-white);--neuro-background-hover: #E9ECF0;--neuro-transition: all .3s cubic-bezier(.4, 0, .2, 1);--neuro-shadow-blur: 20px;--neuro-shadow-color-light: rgba(255, 255, 255, .9);--neuro-shadow-color-dark: rgba(163, 177, 198, .6);--neuro-shadow-light-x: -8px;--neuro-shadow-light-y: -8px;--neuro-shadow-dark-x: 8px;--neuro-shadow-dark-y: 8px;--neuro-radius-sm: 10px;--neuro-radius-md: 15px;--neuro-radius-lg: 20px;--neuro-radius-xl: 25px;--neuro-radius-xxl: 30px;--anim-fade-in-up: fade-in-up .6s cubic-bezier(.4, 0, .2, 1) both;--anim-fade-in-down: fade-in-down .6s cubic-bezier(.4, 0, .2, 1) both;--neuro-border-color: #D1D9E6;--neuro-border-color-hover: #C8D0E0;--neuro-green: var(--eq-green);--neuro-rose: var(--eq-pink);--neuro-green-light: var(--eq-green-light-trans);--neuro-rose-light: var(--eq-pink-light-trans);--neuro-text-primary: var(--eq-text-primary);--neuro-text-secondary: var(--eq-text-secondary);--neuro-bg: var(--neuro-background);--neuro-radius-full: 9999px;--chat-safe: 260px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes loadingSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes loadingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loadingWave{0%,60%,to{transform:scale(1);opacity:.7}30%{transform:scale(1.3);opacity:1}}@keyframes shimmerEffect{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #22c55e33,0 0 10px #22c55e1a,0 0 15px #22c55e0d}50%{box-shadow:0 0 10px #22c55e66,0 0 20px #22c55e33,0 0 30px #22c55e1a}}@keyframes glowPulseRose{0%,to{box-shadow:0 0 5px #f43f5e33,0 0 10px #f43f5e1a,0 0 15px #f43f5e0d}50%{box-shadow:0 0 10px #f43f5e66,0 0 20px #f43f5e33,0 0 30px #f43f5e1a}}@keyframes rippleEffect{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes floatParticle{0%,to{transform:translateY(0) rotate(0);opacity:.3}25%{transform:translateY(-20px) rotate(90deg);opacity:.7}50%{transform:translateY(-10px) rotate(180deg);opacity:1}75%{transform:translateY(-25px) rotate(270deg);opacity:.5}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes driftFrost{0%{transform:translate(0) translateY(0) rotate(0)}33%{transform:translate(30px) translateY(-30px) rotate(120deg)}66%{transform:translate(-20px) translateY(-60px) rotate(240deg)}to{transform:translate(0) translateY(-80px) rotate(360deg);opacity:0}}.message-bubble-enter{animation:messageBubbleEnter .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes messageBubbleEnter{0%{opacity:0;transform:scale(.7) translateY(20px)}60%{opacity:.8;transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.chip-appear{animation:chipAppear .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes chipAppear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.perfume-card-reveal{animation:perfumeCardReveal .6s cubic-bezier(.165,.84,.44,1) forwards}@keyframes perfumeCardReveal{0%{opacity:0;transform:scale(.9) translateY(30px) rotateX(15deg)}50%{opacity:.7;transform:scale(1.02) translateY(5px) rotateX(5deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}.typing-indicator-natural{animation:typingNatural 1.4s ease-in-out infinite}@keyframes typingNatural{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.emotional-wave{position:absolute;width:100%;height:100%;background:radial-gradient(circle at var(--wave-x, 50%) var(--wave-y, 50%),rgba(var(--emotion-color, 158, 239, 140),.15) 0%,transparent 70%);animation:emotionalRipple 2s ease-out infinite;pointer-events:none;z-index:1}@keyframes emotionalRipple{0%{transform:scale(.8);opacity:0}50%{opacity:.6}to{transform:scale(1.8);opacity:0}}.haptic-feedback--gentle{animation:hapticGentle .15s ease-out}.haptic-feedback--strong{animation:hapticStrong .25s cubic-bezier(.25,.46,.45,.94)}@keyframes hapticGentle{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes hapticStrong{0%,to{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-2px)}40%{transform:translate(2px)}50%{transform:translate(-1px)}60%{transform:translate(1px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}.state-transition-overlay{animation:stateTransition 1s ease-in-out}@keyframes stateTransition{0%,to{opacity:0}50%{opacity:1}}.recommendation-reveal{animation:recommendationReveal 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes recommendationReveal{0%{opacity:0;transform:scale(.8) translateY(20px);filter:blur(4px)}30%{opacity:.7;transform:scale(1.02) translateY(5px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}.cinematic-mystery{animation:cinematicMystery 2s ease-in-out}@keyframes cinematicMystery{0%{opacity:0;transform:scale(.5);filter:blur(10px)}50%{opacity:.8;transform:scale(1.1);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}.cinematic-reveal{animation:cinematicReveal 1.5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes cinematicReveal{0%{opacity:0;transform:scale(.3) rotate(-5deg)}70%{opacity:1;transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.animate-fade-in{animation:fadeInFrost .6s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-up{animation:slideInUp .6s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-down{animation:slideInDown .6s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.4,0,.2,1) forwards}.animate-message-bubble{animation:messageBubbleEnter .4s cubic-bezier(.25,.46,.45,.94) forwards}.animate-chip{animation:chipAppear .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-perfume-card{animation:perfumeCardReveal .6s cubic-bezier(.165,.84,.44,1) forwards}.animate-typing-natural{animation:typingNatural 1.4s ease-in-out infinite}.animate-emotional-wave{position:relative;overflow:hidden}.animate-emotional-wave:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at var(--wave-x, 50%) var(--wave-y, 50%),rgba(var(--emotion-color, 158, 239, 140),.15) 0%,transparent 70%);animation:emotionalRipple 2s ease-out infinite;pointer-events:none;z-index:1}.animate-recommendation-reveal{animation:recommendationReveal 1.2s cubic-bezier(.4,0,.2,1) forwards}.animate-cinematic-mystery{animation:cinematicMystery 2s ease-in-out}.animate-cinematic-reveal{animation:cinematicReveal 1.5s cubic-bezier(.68,-.55,.265,1.55)}.animate-bounce-in{animation:bounceIn .8s cubic-bezier(.4,0,.2,1) forwards}.conversation-transition{animation:conversationTransition .5s ease-in-out}@keyframes conversationTransition{0%{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:loadingSpinner 1s linear infinite}.animate-pulse{animation:loadingPulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:loadingFloat 3s ease-in-out infinite}.animate-wave{animation:loadingWave 1.5s ease-in-out infinite}.animate-shimmer{background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmerEffect 2s infinite}.animate-glow{animation:glowPulse 3s ease-in-out infinite}.animate-glow-rose{animation:glowPulseRose 3s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.animate-duration-fast{animation-duration:.3s}.animate-duration-normal{animation-duration:.6s}.animate-duration-slow{animation-duration:1s}.animate-duration-slower{animation-duration:2s}.animate-paused{animation-play-state:paused}.animate-running{animation-play-state:running}.animate-reverse{animation-direction:reverse}.animate-alternate{animation-direction:alternate}.animate-fill-forwards{animation-fill-mode:forwards}.animate-fill-backwards{animation-fill-mode:backwards}.animate-fill-both{animation-fill-mode:both}@media (min-width: 768px) and (max-width: 1024px){.animate-slide-up,.animate-slide-down,.animate-slide-left,.animate-slide-right{animation-duration:.4s}.animate-float{animation-duration:4s}}@media (max-width: 767px){.animate-slide-up,.animate-slide-down,.animate-slide-left,.animate-slide-right{animation-duration:.3s}.animate-bounce-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1) forwards}.animate-float{animation-duration:5s}.animate-shimmer{animation-duration:1.5s}}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-slide-up,.animate-slide-down,.animate-slide-left,.animate-slide-right,.animate-scale-in,.animate-bounce-in{animation:none;opacity:1;transform:none}.animate-spin,.animate-pulse,.animate-float,.animate-wave,.animate-shimmer,.animate-glow,.animate-glow-rose,.animate-breathe{animation:none}}.focus-ring{outline:2px solid transparent;outline-offset:2px;transition:all .2s ease}.focus-ring:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px;box-shadow:0 0 0 4px #22c55e1a}.focus-ring-rose{outline:2px solid transparent;outline-offset:2px;transition:all .2s ease}.focus-ring-rose:focus-visible{outline:2px solid var(--primary-rose);outline-offset:2px;box-shadow:0 0 0 4px #f43f5e1a}@font-face{font-family:AktivGrotesk;src:url(/assets/font/aktiv-grotesk-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-primary);background:var(--neuro-background);color:var(--neuro-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.title,.subtitle,.heading,.popup-title,.summary-popup-title,.perfume-title,.question-title,.notes-title,.detail-title{font-family:var(--font-titles)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:600!important}.no-uppercase,.description,.note-name,.note-text,.summary-answer,.option-label{text-transform:none!important}.mat-mdc-card,.mat-card{background-color:var(--neuro-background);border-radius:var(--neuro-radius-xl);box-shadow:calc(var(--neuro-shadow-light-x) * 1) calc(var(--neuro-shadow-light-y) * 1) var(--neuro-shadow-blur) var(--neuro-shadow-color-light),calc(var(--neuro-shadow-dark-x) * 1) calc(var(--neuro-shadow-dark-y) * 1) var(--neuro-shadow-blur) var(--neuro-shadow-color-dark);transition:var(--neuro-transition);padding:24px;cursor:pointer;overflow:hidden;background:var(--neuro-background)!important}.mat-mdc-card:hover,.mat-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:calc(var(--neuro-shadow-light-x) * 2) calc(var(--neuro-shadow-light-y) * 2) calc(var(--neuro-shadow-blur) * 2) var(--neuro-shadow-color-light),calc(var(--neuro-shadow-dark-x) * 2) calc(var(--neuro-shadow-dark-y) * 2) calc(var(--neuro-shadow-blur) * 2) var(--neuro-shadow-color-dark)}.mat-mdc-button,.mat-button{background-color:var(--neuro-background);border-radius:var(--neuro-radius-xl);box-shadow:calc(var(--neuro-shadow-light-x) * 1) calc(var(--neuro-shadow-light-y) * 1) var(--neuro-shadow-blur) var(--neuro-shadow-color-light),calc(var(--neuro-shadow-dark-x) * 1) calc(var(--neuro-shadow-dark-y) * 1) var(--neuro-shadow-blur) var(--neuro-shadow-color-dark);transition:var(--neuro-transition);cursor:pointer;border:none;outline:none;font-weight:600;padding:12px 24px;font-size:1rem;color:var(--eq-text-primary);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;text-decoration:none}.mat-mdc-button:hover,.mat-button:hover{transform:translateY(-2px);box-shadow:calc(var(--neuro-shadow-light-x) * 1.5) calc(var(--neuro-shadow-light-y) * 1.5) calc(var(--neuro-shadow-blur) * 1.5) var(--neuro-shadow-color-light),calc(var(--neuro-shadow-dark-x) * 1.5) calc(var(--neuro-shadow-dark-y) * 1.5) calc(var(--neuro-shadow-blur) * 1.5) var(--neuro-shadow-color-dark)}.mat-mdc-button:active,.mat-button:active{transform:translateY(0);background-color:var(--neuro-background);border-radius:var(--neuro-radius-xl);box-shadow:inset calc(var(--neuro-shadow-light-x) * 1) calc(var(--neuro-shadow-light-y) * 1) var(--neuro-shadow-blur) var(--neuro-shadow-color-light),inset calc(var(--neuro-shadow-dark-x) * 1) calc(var(--neuro-shadow-dark-y) * 1) var(--neuro-shadow-blur) var(--neuro-shadow-color-dark);transition:var(--neuro-transition)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--eq-gray)}::-webkit-scrollbar-thumb{background:var(--eq-dark-gray);border-radius:var(--radius-full);border:2px solid var(--eq-gray)}::-webkit-scrollbar-thumb:hover{background:var(--neuro-text-secondary)}h1,h2,h3,h4,h5,h6,.title,.heading,.header-title,.section-title,.card-title,.product-title,.parfum-title,.question-title,.popup-title,.summary-title{font-family:AktivGrotesk,Helvetica Neue,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.05em}.parfum-name,.perfume-name,.fragrance-name,.product-name,.parfum-card h3,.perfume-card h3,.perfume-title,.fragrance-title,.card h3,.suggestion-card h3,.result-card h3,.parfum-result h3{font-family:AktivGrotesk,Helvetica Neue,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.08em;font-weight:600}app-gift-finder h1,app-gift-finder h2,app-gift-finder h3,app-home-page h1,app-home-page h2,app-home-page h3,.gift-finder h1,.gift-finder h2,.gift-finder h3,.home-page h1,.home-page h2,.home-page h3{font-family:AktivGrotesk,Helvetica Neue,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.05em}