@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600&family=Noto+Serif+KR:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--primary-color:#d4af37;--secondary-color:#0b3d2e;--accent-color:#a7d7c8;--text-dark:#fdfdfd;--text-light:#a7d7c8d9;--bg-dark:#051410;--glass-bg:#051410d9;--glass-border:#a7d7c859;--gold-border:#d4af3766;--font-serif:"Playfair Display", "Noto Serif KR", serif;--font-sans:"Noto Sans KR", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-dark);background-color:#030a08;background-image:radial-gradient(circle at 20% 30%,#a7d7c80d 0%,#0000 40%),radial-gradient(circle at 80% 70%,#d4af3708 0%,#0000 40%),linear-gradient(#030a08b3,#030a08e6),url(/brand-custom-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{background-color:var(--bg-dark);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 40px #000000e6,0 0 0 1px #a7d7c81a}.page-container{text-align:center;z-index:1;flex-direction:column;align-items:center;min-height:100%;padding:4rem 2rem 2rem;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:24px;width:100%;margin-top:1rem;padding:2.5rem 1.5rem;position:relative;box-shadow:0 20px 50px #000c,inset 0 0 20px #d4af370d}.glass-card:before,.glass-card:after{content:"";border:2px solid var(--primary-color);pointer-events:none;opacity:.6;width:15px;height:15px;position:absolute}.glass-card:before{border-bottom:none;border-right:none;border-top-left-radius:8px;top:12px;left:12px}.glass-card:after{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:12px;right:12px}.gold-gradient-text{background:linear-gradient(135deg,#d4af37 0%,#fdf489 50%,#d4af37 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #0000004d;-webkit-background-clip:text;display:inline-block}.title{font-family:var(--font-serif);text-shadow:0 2px 15px #00000080;margin-bottom:1.2rem;font-size:2.2rem;font-weight:600;line-height:1.2}.subtitle{color:var(--text-light);letter-spacing:.5px;text-shadow:0 1px 5px #00000080;margin-bottom:2.5rem;font-size:1.05rem;font-weight:300;line-height:1.6}.btn{color:var(--accent-color);border:1px solid var(--glass-border);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a7d7c826,#a7d7c814);border-radius:50px;width:100%;padding:1.3rem 2rem;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 5px 15px #0000004d}.btn:hover{background:var(--accent-color);color:#0b3d2e;border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 0 30px #a7d7c866}.btn.active{background:var(--accent-color);color:#0b3d2e;border-color:var(--accent-color);box-shadow:0 0 20px #a7d7c866}.tags{flex-wrap:wrap;justify-content:center;gap:.3rem;width:100%;margin-bottom:1.2rem;display:flex}.tag{color:var(--accent-color);white-space:nowrap;background:#a7d7c814;border:1px solid #a7d7c840;border-radius:50px;align-items:center;padding:.3rem .7rem;font-size:.75rem;transition:all .3s;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-in{animation:1s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.floating{animation:4s ease-in-out infinite floating}.site-footer{text-align:center;color:#a7d7c866;letter-spacing:1px;text-transform:uppercase;width:100%;margin-top:auto;padding:3rem 1.5rem 2rem;font-size:.8rem}.site-footer span{color:var(--primary-color);font-weight:600;font-family:var(--font-serif);margin-bottom:.5rem;font-size:.9rem;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a7d7c81a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a7d7c833}@media screen and (width<=480px){#root{box-shadow:none;background:0 0}.page-container{padding:3rem 1.5rem 1.5rem!important}}.perfume-card-group{cursor:pointer;position:relative;overflow:hidden}.perfume-image-wrapper{position:relative;overflow:hidden}.perfume-image{will-change:transform;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.perfume-card-group:hover .perfume-image{transform:scale(1.05)}.perfume-hover-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:opacity .6s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;left:0}.perfume-card-group:hover .perfume-hover-overlay{opacity:1}.perfume-notes-content{text-align:center;will-change:transform;transition:transform .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(15px)}.perfume-card-group:hover .perfume-notes-content{transform:translateY(0)}.note-item{color:#f5f5f5;font-family:var(--font-serif);letter-spacing:.5px;margin-bottom:.8rem;font-size:.95rem}.note-label{font-family:var(--font-sans);color:var(--primary-color);letter-spacing:2px;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;display:block}.compare-grid{gap:1.5rem;margin-top:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.compare-item{text-align:center;background:#05141066;border:1px solid #a7d7c826;border-radius:16px;flex-direction:column;flex:1;min-width:200px;padding:1.5rem;display:flex}.compare-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.compare-btn-small{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:50px;width:100%;margin-top:1rem;padding:.5rem 1rem;font-size:.8rem;transition:all .3s}.compare-btn-small.active{background:var(--primary-color);color:#000}@media (hover:none) and (pointer:coarse){.perfume-hover-overlay{opacity:1;-webkit-backdrop-filter:none;background:linear-gradient(#0000 0%,#0006 50%,#000000e6 100%);justify-content:flex-end;padding:1rem}.perfume-notes-content{transform:translateY(0)}.note-item{margin-bottom:.4rem;font-size:.75rem}.note-label{font-size:.55rem}}