:root{--color-bg:#0d0d0d;--color-surface:#1a1a1a;--color-surface-2:#242424;--color-border:#2e2e2e;--color-accent:#c0392b;--color-accent-soft:#922b21;--color-accent-glow:#c0392b59;--color-gold:#d4a017;--color-gold-soft:#d4a01733;--color-text-primary:#f0ece4;--color-text-secondary:#8a8078;--color-text-muted:#4a4540;--color-white:#fff;--font-serif:"Georgia", "Times New Roman", serif;--font-sans:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.screen-wrapper{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-soft)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes envelopeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes slotShake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-6px,-3px)rotate(-.5deg)}20%{transform:translate(5px,2px)rotate(.5deg)}30%{transform:translate(-4px,-4px)rotate(-.3deg)}40%{transform:translate(6px,1px)rotate(.4deg)}50%{transform:translate(-3px,-2px)rotate(-.2deg)}60%{transform:translate(4px,3px)rotate(.3deg)}70%{transform:translate(-5px,-1px)rotate(-.4deg)}80%{transform:translate(3px,2px)rotate(.2deg)}90%{transform:translate(-2px,-1px)rotate(-.1deg)}}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(var(--float-y,-20px)) translateX(var(--float-x,5px))}}@keyframes giftBounce{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-12px)rotate(-3deg)}60%{transform:translateY(-6px)rotate(2deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes underlineGrow{0%{width:0}to{width:60px}}@keyframes dotPulse1{0%,to{opacity:.2}33%{opacity:1}}@keyframes dotPulse2{0%,to{opacity:.2}50%{opacity:1}}@keyframes dotPulse3{0%,to{opacity:.2}66%{opacity:1}}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--confetti-x), var(--confetti-y)) rotate(var(--confetti-r)) scale(0);opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes typewriterCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes recordPulse{0%,to{transform:scale(1);box-shadow:0 0 #c0392b66}50%{transform:scale(1.05);box-shadow:0 0 0 12px #c0392b00}}@keyframes fadeFromBlack{0%{opacity:0;background:#000}to{opacity:1;background:var(--color-bg)}}.animate-fadeInUp{animation:.5s ease-out forwards fadeInUp}.animate-fadeOut{animation:.3s ease-in forwards fadeOut}.animate-shake{animation:.3s ease-in-out shake}.btn-accent{isolation:isolate;appearance:none;cursor:pointer;font-size:15px;font-family:var(--font-sans);color:var(--color-white);-webkit-backdrop-filter:blur(12px);text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#c0392b99 0%,#c0392b59 50%,#c0392b80 100%);border:1px solid #ffffff1f;border-radius:9999px;outline:none;padding:14px 36px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000026,0 4px 16px #c0392b40,0 1px 3px #0003}.btn-accent:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff1f 40%,#ffffff0a 60%,#0000 80%);border-radius:9999px;width:60%;height:100%;transition:transform .4s;position:absolute;top:0;left:-20%}.btn-accent:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e 0%,#0000 100%);border-radius:9999px 9999px 50% 50%;height:40%;position:absolute;top:1px;left:15%;right:15%}.btn-accent:hover{background:linear-gradient(135deg,#c0392bb3 0%,#c0392b73 50%,#c0392b99 100%);transform:translateY(-2px);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000026,0 8px 32px #c0392b66,0 2px 6px #00000040}.btn-accent:hover:before{transform:translate(30%)}.btn-accent:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 2px 8px #c0392b4d,0 1px 2px #0003}.btn-accent:focus-visible{outline-offset:3px;outline:2px solid #c0392b99}.btn-accent:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000026}.glass-button-wrap{cursor:pointer;border-radius:999vw;display:inline-flex;position:relative}.btn-glass{all:unset;isolation:isolate;cursor:pointer;border-radius:999vw;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.btn-glass .glass-button-text{-webkit-user-select:none;user-select:none;letter-spacing:-.02em;font-size:15px;font-family:var(--font-sans);color:var(--color-white);z-index:1;padding:14px 28px;font-weight:500;display:block;position:relative}.btn-glass:not(:has(.glass-button-text)){-webkit-user-select:none;user-select:none;letter-spacing:-.02em;font-size:15px;font-family:var(--font-sans);color:var(--color-white);z-index:1;padding:14px 28px;font-weight:500;display:block;position:relative}.btn-glass:before{content:"";z-index:0;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff14 0%,#ffffff05 50%,#00000040 100%);border:1px solid #ffffff1f;border-radius:999vw;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;box-shadow:inset 0 .5px #ffffff26,inset 0 -.5px #0000004d,0 0 0 .5px #ffffff0a}.btn-glass:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff1f 0%,#ffffff03 100%);border-radius:999vw 999vw 50% 50%;height:45%;transition:opacity .4s;position:absolute;top:0;left:12%;right:12%}.glass-button-shadow{-webkit-filter:blur(clamp(4px,.5em,16px));pointer-events:none;z-index:-1;background:radial-gradient(#ffffff14 0%,#ffffff05 60%,#0000 100%);border-radius:999vw;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:-4px;overflow:visible}.btn-glass:hover{transform:translateY(-2px)}.btn-glass:hover:before{background:linear-gradient(#ffffff1f 0%,#ffffff0a 50%,#0000004d 100%);box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff1a,0 0 0 .5px #ffffff0f}.btn-glass:hover .glass-button-shadow,.glass-button-wrap:hover .glass-button-shadow{-webkit-filter:blur(clamp(6px,.75em,24px));background:radial-gradient(#ffffff26 0%,#ffffff0a 60%,#0000 100%);inset:-8px}.btn-glass:active{transform:translateY(.5px)}.btn-glass:active:before{background:linear-gradient(#ffffff0d 0%,#ffffff03 50%,#0000001a 100%)}.btn-glass:focus-visible{outline-offset:4px;outline:2px solid #ffffff4d}.btn-glass:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;transform:none}.btn-glass:disabled+.glass-button-shadow,.btn-glass:disabled .glass-button-shadow{opacity:.2}.input-field{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);width:100%;height:48px;color:var(--color-text-primary);font-size:15px;font-family:var(--font-sans);outline:none;padding:0 16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input-field::placeholder{color:var(--color-text-muted)}.css-heart{display:inline-block;position:relative}.css-heart:before,.css-heart:after{content:"";background:var(--color-accent);border-radius:50% 50% 0 0;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.checkout-theme-light{--color-bg:#f9fafb;--color-surface:#fff;--color-surface-2:#f3f4f6;--color-border:#e5e7eb;--color-accent:#2563eb;--color-accent-soft:#3b82f6;--color-accent-glow:#2563eb33;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-gold:#f59e0b;--font-serif:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary)}.checkout-theme-light .screen-wrapper{background:var(--color-bg)}.checkout-theme-light .btn-glass .glass-button-text{color:#2563eb}.checkout-theme-light .btn-glass:not(:has(.glass-button-text)){color:#2563eb}.checkout-theme-light .btn-glass:before{background:linear-gradient(#2563eb14 0%,#2563eb08 50%,#2563eb0d 100%);border:1px solid #2563eb2e;box-shadow:inset 0 .5px #ffffffb3,inset 0 -.5px #00000008,0 0 0 .5px #2563eb0f}.checkout-theme-light .btn-glass:after{background:linear-gradient(#ffffffb3 0%,#ffffff1a 100%)}.checkout-theme-light .glass-button-shadow{background:radial-gradient(#2563eb26 0%,#2563eb0d 60%,#0000 100%)}.checkout-theme-light .btn-glass:hover:before{background:linear-gradient(#2563eb1f 0%,#2563eb0d 50%,#2563eb14 100%);box-shadow:inset 0 .5px #fffc,inset 0 -.5px #00000008,0 0 0 .5px #2563eb1a}