.an-page{--color-espresso:#0f2a1f;--color-coffee:#1b4332;--color-walnut:#2d6a4f;--color-gold:#c9a04e;--color-gold-lt:#e4c77e;--color-gold-pale:#f0dca8;--color-cream:#f6f2e8;--color-ivory:#fffefa;--color-beige:#eaf0e7;--color-sand:#d9e5d6;--color-ink:#0b1410;--color-ink-soft:#2a3f32;--color-muted:#6b7a6b;--ease-lux:cubic-bezier(.22,.61,.36,1);background:var(--color-cream);color:var(--color-ink);font-family:var(--font-be-vietnam), system-ui, sans-serif}.an-page .font-serif{font-family:var(--font-cormorant), serif}.an-page .font-display{font-family:var(--font-italiana), serif;letter-spacing:.02em}.an-page h1,.an-page h2,.an-page h3,.an-page h4{font-family:var(--font-cormorant), serif;letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.12}.an-page .container-lux{max-width:1240px;margin:0 auto;padding:0 clamp(16px,5vw,56px)}@media (max-width:640px){.an-page .container-lux{padding:0 16px}.an-page .ornament:before,.an-page .ornament:after{width:48px}.an-page .eyebrow:before,.an-page .eyebrow:after{width:20px}.an-page .eyebrow{letter-spacing:.22em;gap:10px;font-size:11px}.an-page .btn{padding:14px 24px;font-size:14px}.an-page .card-lux{border-radius:14px}.an-page .gilt-frame:after{inset:6px}.an-page .count-box{min-width:60px;padding:12px 4px}}.an-page .bg-espresso-lux{background:radial-gradient(at 15% 0,#40916c4d,#0000 55%),radial-gradient(at 100% 100%,#0f2a1ff2,#0000 55%),linear-gradient(150deg,#0f5c4d 0%,#0f2a1f 100%)}.an-page .bg-espresso-deep{background:linear-gradient(160deg,#103a2b 0%,#08160f 100%)}.an-page .bg-cream-lux{background:radial-gradient(ellipse at 85% 5%, #a3b18a2e, transparent 55%), radial-gradient(ellipse at 0% 100%, #c9a04e14, transparent 55%), var(--color-cream)}.an-page .grain{position:relative}.an-page .grain:after{content:"";pointer-events:none;z-index:1;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.an-page .glow-blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.an-page .text-gold{background:linear-gradient(135deg,#f0dca8 0%,#c9a04e 45%,#a07a30 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.an-page .text-gold-shine{background:linear-gradient(110deg,#c9a04e 0%,#f0dca8 25%,#fff6e0 50%,#f0dca8 75%,#c9a04e 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite an-goldshine}.an-page .text-cream-grad{background:linear-gradient(135deg,#fffefa,#d9e5d6);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes an-goldshine{to{background-position:200%}}.an-page .btn{letter-spacing:.02em;cursor:pointer;transition:all .5s var(--ease-lux);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 34px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.an-page .btn-gold{color:#0b1410;background:linear-gradient(135deg,#e4c77e 0%,#c9a04e 50%,#a07a30 100%) 0 0/180%;box-shadow:0 14px 30px -10px #c9a04e8c,inset 0 1px #ffffff59}.an-page .btn-gold:hover{background-position:100%;transform:translateY(-3px);box-shadow:0 22px 44px -12px #c9a04eb3,0 0 50px -12px #e4c77e8c}.an-page .btn-gold:after{content:"";transition:transform .9s var(--ease-lux);background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;inset:0;transform:translate(-150%)}.an-page .btn-gold:hover:after{transform:translate(150%)}.an-page .btn-ghost{color:var(--color-cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:1px solid #e4c77e66}.an-page .btn-ghost:hover{border-color:var(--color-gold-lt);color:var(--color-gold-pale);background:#e4c77e1a;transform:translateY(-2px)}.an-page .eyebrow{font-family:var(--font-be-vietnam),sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--color-gold);align-items:center;gap:14px;font-size:12px;font-weight:600;display:inline-flex}.an-page .eyebrow:before,.an-page .eyebrow:after{content:"";background:linear-gradient(90deg,#0000,currentColor,#0000);width:34px;height:1px}.an-page .ornament{color:var(--color-gold);justify-content:center;align-items:center;gap:16px;display:flex}.an-page .ornament:before,.an-page .ornament:after{content:"";background:linear-gradient(90deg,#0000,currentColor,#0000);width:80px;height:1px}.an-page .ornament.\!justify-start{justify-content:flex-start}.an-page .card-lux{background:var(--color-ivory);transition:all .55s var(--ease-lux);border:1px solid #2d6a4f1f;border-radius:18px;position:relative;overflow:hidden}.an-page .card-lux:hover{border-color:#c9a04e66;transform:translateY(-6px);box-shadow:0 30px 60px -28px #0f2a1f66}.an-page .gilt-frame{position:relative}.an-page .gilt-frame:after{content:"";pointer-events:none;z-index:3;border:1px solid #e4c77e66;border-radius:8px;position:absolute;inset:10px}.an-page .count-box{text-align:center;background:linear-gradient(160deg,#103a2b,#08160f);border:1px solid #c9a04e4d;border-radius:14px;min-width:72px;padding:14px 8px;box-shadow:inset 0 1px #c9a04e26,0 10px 24px -12px #00000080}@keyframes an-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(.5deg)}}.an-page .animate-float{animation:7s ease-in-out infinite an-float}@keyframes an-spin{to{transform:rotate(360deg)}}.an-page .animate-spin-slow{animation:30s linear infinite an-spin}@keyframes an-gradient{0%,to{background-position:0%}50%{background-position:100%}}.an-page .animate-gradient{background-size:220% 220%;animation:16s infinite an-gradient}@keyframes an-pulse-ring{0%,to{box-shadow:0 12px 28px -8px #c9a04e8c,0 0 #c9a04e73}50%{box-shadow:0 12px 28px -8px #c9a04e8c,0 0 0 12px #c9a04e00}}.an-page .animate-pulse-ring{animation:2.6s ease-in-out infinite an-pulse-ring}@keyframes an-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes an-drift{0%{opacity:0;transform:translate(0,0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translate(36px,-110vh)}}.an-page .particle{pointer-events:none;background:radial-gradient(circle,#f0dca8f2 0%,#0000 70%);border-radius:50%;width:4px;height:4px;animation:15s linear infinite an-drift;position:absolute;box-shadow:0 0 8px #c9a04e99}@keyframes shimmer-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}.an-page .reveal{opacity:0;transition:opacity .9s var(--ease-lux), transform .9s var(--ease-lux);transform:translateY(32px)}.an-page .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.an-page *,.an-page :before,.an-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes an-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.an-page .twinkle{pointer-events:none;color:#f0dca8;filter:drop-shadow(0 0 4px #e4c77ee6);background:linear-gradient(currentColor,currentColor) 50%/100% 1.2px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.2px 100% no-repeat;animation:3.5s ease-in-out infinite an-twinkle;position:absolute}@keyframes an-sweep{0%{transform:translate(-120%)skew(-18deg)}60%,to{transform:translate(220%)skew(-18deg)}}.an-page .sweep{position:relative;overflow:hidden}.an-page .sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6e059,#0000);width:45%;animation:6s ease-in-out infinite an-sweep;position:absolute;top:0;bottom:0}@keyframes an-rotate{to{transform:rotate(360deg)}}.an-page .glint-ring:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:conic-gradient(#0000,#e4c77e8c,#0000 25% 50%,#e4c77e66,#0000 75%);animation:6s linear infinite an-rotate;position:absolute;inset:-2px}@keyframes an-breathe{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.an-page .breathe{animation:5s ease-in-out infinite an-breathe}@keyframes qr-glow{0%,to{box-shadow:0 0 #d4af3700,0 24px 60px -22px #0f5c4d73}50%{box-shadow:0 0 28px 4px #d4af3773,0 24px 60px -22px #0f5c4d73}}.qr-lux{animation:3s ease-in-out infinite qr-glow;position:relative}@keyframes qr-shimmer{0%{transform:translate(-130%)skew(-20deg)}55%,to{transform:translate(260%)skew(-20deg)}}.qr-shimmer:after{content:"";z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.qr-shimmer{position:relative;overflow:hidden}.qr-shimmer>.qr-sweep{z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6e08c,#0000);width:40%;animation:4s ease-in-out infinite qr-shimmer;position:absolute;top:0;bottom:0}@keyframes qr-spark{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.qr-spark{z-index:6;pointer-events:none;color:#f0dca8;filter:drop-shadow(0 0 5px #e4c77ef2);background:linear-gradient(currentColor,currentColor) 50%/100% 1.4px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.4px 100% no-repeat;animation:2.6s ease-in-out infinite qr-spark;position:absolute}.an-page .brand-foil{background:linear-gradient(#fff7e2 0%,#f0dca8 26%,#e4c77e 48%,#c9a04e 70%,#a07a30 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #ffffff73)drop-shadow(0 1px 1px #00000040)drop-shadow(0 3px 6px #c9a04e59);letter-spacing:.015em;-webkit-background-clip:text;background-clip:text}@keyframes brand-shine{0%{background-position:-180% 0}60%,to{background-position:280% 0}}.an-page .brand-foil-shine{background:linear-gradient(110deg,#c9a04e 0%,#e4c77e 30%,#fffdf2 48%,#fff7e2 52%,#e4c77e 70%,#c9a04e 100%) 0 0/220%;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #fff6)drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite brand-shine}.an-page .logo-ring{border-radius:9999px;position:relative;box-shadow:0 0 0 1px #e4c77e59,0 0 22px -4px #e4c77e8c,0 10px 28px -10px #0f2a1f8c}.an-page .logo-ring>img{border-radius:9999px;display:block}@keyframes logo-spin{to{transform:rotate(360deg)}}.an-page .logo-ring:before{content:"";z-index:-1;pointer-events:none;filter:blur(2px);background:conic-gradient(#0000 0deg,#e4c77ea6 60deg,#0000 120deg 240deg,#e4c77e73 300deg,#0000 360deg);border-radius:9999px;animation:9s linear infinite logo-spin;position:absolute;inset:-3px}@keyframes logo-breathe{0%,to{opacity:.5}50%{opacity:1}}.an-page .logo-ring:after{content:"";pointer-events:none;border-radius:9999px;animation:4s ease-in-out infinite logo-breathe;position:absolute;inset:-2px;box-shadow:0 0 16px 2px #e4c77e73}
