@import"https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;700&family=Song+Myung&display=swap";:root{--primary: #c2410c;--primary-light: #ea580c;--secondary: #854d0e;--accent: #0f766e;--bg-dark: #0a0a0a;--bg-card: rgba(20, 20, 20, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--gold-gradient: linear-gradient(135deg, #d97706 0%, #854d0e 100%);--jade-gradient: linear-gradient(135deg, #10b981 0%, #064e3b 100%);font-family:Noto Sans KR,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}*{box-sizing:border-box;margin:0;padding:0}body{width:100%;min-height:100vh;margin:0;display:flex;place-items:center;background-color:var(--bg-dark);position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:10;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}h1,h2,h3,.serif-font{font-family:Gowun Batang,serif}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003,inset 0 0 0 1px #ffffff0d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;padding:3rem 2.5rem;width:100%;max-width:520px;margin:2rem auto;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold-gradient);opacity:.7}.input-field{width:100%;padding:.875rem 1.25rem;margin-top:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{outline:none;border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 4px #c2410c1a}.input-field::placeholder{color:#ffffff4d}select.input-field option{background:#1a1a1a;color:#fff}.btn-primary{width:100%;padding:1rem;margin-top:2rem;background:var(--gold-gradient);color:#fff;border:none;border-radius:12px;font-family:Gowun Batang,serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #854d0e4d;letter-spacing:.05em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #854d0e80;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{width:100%;padding:.875rem;margin-top:1rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:2rem;padding:2rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:2rem;animation:marquee 40s linear infinite;min-width:100%}.marquee-content:hover{animation-play-state:paused}.reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.215,.61,.355,1)}.reveal.active{opacity:1;transform:translateY(0)}.glow-on-hover:hover{box-shadow:0 0 20px #c2410c66}@keyframes pulse-soft{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.pulse{animation:pulse-soft 2s infinite ease-in-out}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem 5%}@media(min-width:768px){.desktop-nav{display:block!important}.mobile-menu-btn{display:none!important}.main-content{padding:4rem 10%}}.amulet-card-container{display:flex;justify-content:center;align-items:center;margin:1rem 0;perspective:2000px}.amulet-card{position:relative;width:320px;min-height:480px;background:#141414f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid;border-radius:32px;padding:2.5rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:cardFloat 6s ease-in-out infinite;box-shadow:0 30px 60px -12px #000c}.amulet-card:hover{transform:translateY(-10px) rotateY(5deg)}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(.5deg)}}.amulet-glow{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;filter:blur(40px)}.amulet-inner-border{position:absolute;inset:15px;border:1px solid;border-radius:20px;pointer-events:none;z-index:1}.amulet-content{position:relative;z-index:2;text-align:center;width:100%}.amulet-icon-wrapper{width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;transition:all .3s ease}.amulet-icon{font-size:3.2rem}.amulet-name{margin-bottom:1.5rem;letter-spacing:-.01em}.amulet-divider{height:1px;width:60%;margin:0 auto 1.75rem}.amulet-desc{color:#ffffffd9;margin-bottom:1.5rem}.amulet-footer-symbols{display:flex;justify-content:center}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}