*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}:root{--bg:#0f0518;--bg-2:#170822;--bg-3:#1f0b2e;--surface:#260c388c;--surface-2:#3a125273;--gold:#e8c267;--gold-light:#f8e3a0;--gold-dark:#b8862b;--gold-grad:linear-gradient(135deg, #fbe8a6 0%, #e8c267 35%, #c9962f 70%, #f4d78a 100%);--gold-line:linear-gradient(90deg, transparent, #e8c267, transparent);--magenta:#f0409e;--magenta-2:#d12f8a;--violet:#a64bdf;--lilac:#d6a6f5;--text:#f6eef9;--text-soft:#d8c7e3;--text-muted:#a893b8;--radius:26px;--serif:"Playfair Display", Georgia, serif;--script:"Great Vibes", cursive;--sans:"Montserrat", system-ui, sans-serif;--elegant:"Cormorant Garamond", Georgia, serif}body{font-family:var(--sans);background:var(--bg);color:var(--text-soft);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.7}h1,h2,h3,h4{font-family:var(--serif);color:var(--text);font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:var(--sans);cursor:pointer;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}::selection{background:var(--magenta);color:#fff}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:110px 0;position:relative;overflow:hidden}.section--alt{background:radial-gradient(ellipse 70% 60% at 50% 0%, #a64bdf29, transparent 70%), var(--bg-2)}.gold-text{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.script{font-family:var(--script);letter-spacing:0;font-weight:400}.script--gold{font-family:var(--script);background:var(--gold-grad);color:#0000;filter:drop-shadow(0 0 18px #e8c26740);-webkit-background-clip:text;background-clip:text;font-weight:400}.script--magenta{font-family:var(--script);color:var(--magenta);text-shadow:0 0 22px #f0409e73;font-weight:400}.eyebrow{font-family:var(--sans);letter-spacing:.38em;text-transform:uppercase;color:var(--gold);align-items:center;gap:14px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:var(--gold);opacity:.6;width:36px;height:1px}.ornament{color:var(--gold);justify-content:center;align-items:center;gap:14px;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));flex:1;max-width:140px;height:1px}.ornament:after{background:linear-gradient(90deg, var(--gold), transparent)}.sparkles{pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#f8e3a0e6,#0000),radial-gradient(1px 1px at 22% 72%,#f8e3a0b3,#0000),radial-gradient(1.5px 1.5px at 38% 34%,#f8e3a080,#0000),radial-gradient(1px 1px at 55% 82%,#f8e3a0cc,#0000),radial-gradient(2px 2px at 68% 22%,#f8e3a099,#0000),radial-gradient(1px 1px at 78% 58%,#f8e3a0e6,#0000),radial-gradient(1.5px 1.5px at 88% 12%,#f8e3a0b3,#0000),radial-gradient(1px 1px at 94% 76%,#f8e3a099,#0000),radial-gradient(1px 1px at 6% 90%,#f8e3a0cc,#0000),radial-gradient(1.5px 1.5px at 46% 8%,#f8e3a080,#0000);animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.45}to{opacity:1}}.section-header{text-align:center;max-width:680px;margin:0 auto 64px}.section-header h2{letter-spacing:.01em;margin:18px 0 0;font-size:clamp(34px,5vw,52px)}.section-header h2 .script--gold,.section-header h2 .script--magenta{margin-top:2px;font-size:1.25em;line-height:1.1;display:block}.section-header p{max-width:540px;color:var(--text-muted);margin:22px auto 0;font-size:16px}.section-header .ornament{margin-top:22px}.btn{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--gold{background:var(--gold-grad);color:#2a0e3a;box-shadow:0 10px 30px #e8c26740,inset 0 1px #ffffff80}.btn--gold:hover{box-shadow:0 14px 40px #e8c26766,inset 0 1px #ffffff80}.btn--ghost{color:var(--gold-light);border:1px solid #e8c2678c}.btn--ghost:hover{background:#e8c2671a;box-shadow:0 0 24px #e8c26733}.btn--magenta{background:linear-gradient(135deg, var(--magenta), var(--violet));color:#fff;box-shadow:0 10px 30px #f0409e4d}.btn--magenta:hover{box-shadow:0 14px 40px #f0409e73}.btn--block{width:100%}.glow-card{border-radius:var(--radius);background:radial-gradient(90% 50% at 50% 0,#a64bdf2e,#0000 70%),linear-gradient(#220a32eb,#12051cf2);border:1.5px solid #d6a6f559;padding:40px 32px;transition:transform .35s,box-shadow .35s;position:relative;box-shadow:0 0 0 1px #d6a6f514,0 0 28px #a64bdf40,inset 0 0 30px #a64bdf14}.glow-card:hover{transform:translateY(-6px)}.glow-card--magenta{border-color:#f0409ebf;box-shadow:0 0 0 1px #f0409e33,0 0 34px #f0409e59,inset 0 0 34px #f0409e1a}.glow-card--gold{border-color:#e8c267d9;box-shadow:0 0 0 1px #e8c26740,0 0 40px #e8c26759,inset 0 0 40px #e8c26714}.glow-card--lilac{border-color:#e8c2678c;box-shadow:0 0 0 1px #d6a6f533,0 0 34px #d6a6f547,inset 0 0 34px #d6a6f514}.paw-list{flex-direction:column;gap:14px;list-style:none;display:flex}.paw-list li{font-family:var(--elegant);letter-spacing:.02em;color:var(--text);align-items:flex-start;gap:14px;font-size:19px;font-weight:500;line-height:1.35;display:flex}.paw-list svg{color:var(--gold);fill:var(--gold);flex-shrink:0;margin-top:4px}.pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gold-light);letter-spacing:.04em;background:#0f0518cc;border:1px solid #e8c26766;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.dot-live{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #4ade80}.photo-frame{background:linear-gradient(160deg,#e8c267e6,#f0409e99 50%,#e8c267e6);border-radius:200px 200px 28px 28px;padding:10px;position:relative;box-shadow:0 0 60px #e8c2672e,0 30px 80px #0009}.photo-frame img{object-fit:cover;border-radius:190px 190px 20px 20px;width:100%;height:100%}@media (width<=768px){.section{padding:80px 0}.section-header{margin-bottom:48px}.btn{padding:15px 26px}}section[id]{scroll-margin-top:70px}