@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";
:root{--bg-main:#000;--bg-card:#0a0a0a66;--bg-card-hover:#14141499;--border-subtle:#d4af3733;--border-gold:#d4af37cc;--border-gold-hover:#d4af37;--color-gold-light:#f6e6c2;--color-gold:#d4af37;--color-gold-dark:#c5a000;--foreground:#fff;--foreground-muted:#a1a1aa;--status-pending:#f59e0b;--status-pending-bg:#f59e0b1a;--status-redeemed:#10b981;--status-redeemed-bg:#10b9811a;--status-error:#ef4444;--status-error-bg:#ef44441a;--gold-gradient:linear-gradient(135deg, #f6e6c2 0%, #d4af37 50%, #8a6623 100%);--dark-gradient:linear-gradient(180deg, #121216 0%, #070708 100%);--glow-shadow:0 0 25px #d4af3726;--glow-shadow-strong:0 0 35px #d4af3759;--font-sans:"Inter", Arial, sans-serif;--font-serif:Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;min-height:100vh;color:var(--foreground);font-family:var(--font-sans);text-shadow:0 2px 8px #d4af3740;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% -20%,#d4af370d 0%,#0000 60%),radial-gradient(circle at 10% 80%,#d4af3708 0%,#0000 40%);font-weight:300}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-gold{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.font-serif{font-family:var(--font-serif)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-gold);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #000c,inset 0 0 15px #d4af370d}.glass-card:hover{border-color:var(--border-gold);box-shadow:var(--glow-shadow);transform:translateY(-2px)}.btn-primary{background:var(--gold-gradient);color:#070708;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #d4af3733}.btn-primary:hover{box-shadow:var(--glow-shadow-strong);filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--foreground);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-gold);background:#d4af370d}.input-field{border:1px solid var(--border-subtle);width:100%;color:var(--foreground);font-size:.95rem;font-family:var(--font-sans);background:#ffffff08;border-radius:8px;padding:.8rem 1rem;transition:all .3s}.input-field:focus{border-color:var(--color-gold);background:#ffffff0d;outline:none;box-shadow:0 0 10px #d4af371a}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:var(--status-pending);background:var(--status-pending-bg);border:1px solid #f59e0b33}.badge-redeemed{color:var(--status-redeemed);background:var(--status-redeemed-bg);border:1px solid #10b98133}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{color:#0000;background:linear-gradient(90deg,#d4af37 0%,#f6e6c2 25%,#d4af37 50%,#f6e6c2 75%,#d4af37 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}.logo-icon{background:var(--gold-gradient);width:56px;height:56px;display:inline-block;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-icon-large{background:var(--gold-gradient);width:96px;height:96px;margin-bottom:.5rem;display:inline-block;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@font-face{font-family:Reailge;src:url(/fonts/reailge.otf)format("opentype");font-weight:400;font-style:normal}.brand-text{font-family:Reailge,serif!important;font-weight:400!important}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.6s cubic-bezier(.16,1,.3,1) forwards pageFadeIn}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(150px,200px)scale(1.15)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-200px,-150px)scale(1.2)}}@keyframes spin3d{0%{transform:perspective(1000px)rotateY(0)}to{transform:perspective(1000px)rotateY(360deg)}}.logo-3d-spin{transform-style:preserve-3d;animation:5s linear infinite spin3d}.light-flare{pointer-events:none;mix-blend-mode:screen;z-index:10;filter:blur(4px);background:radial-gradient(circle,#fff5c866 0%,#d4af371a 30%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute}.whatsapp-btn:hover{transform:translateY(-2px);background-color:#25d36633!important;box-shadow:0 6px 20px #25d36640!important}.tooltip-container{width:100%;display:flex;position:relative}.custom-tooltip{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-gold);width:250px;box-shadow:0 10px 25px #000c, var(--glow-shadow);opacity:0;visibility:hidden;z-index:100;pointer-events:none;background:#0a0a0af2;border-radius:8px;padding:1rem;transition:all .3s cubic-bezier(.16,1,.3,1) .2s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(10px)scale(.95)}.tooltip-container:hover .custom-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.custom-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--border-gold) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.custom-tooltip h4{color:var(--color-gold);font-family:var(--font-serif);text-align:center;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.custom-tooltip ul{margin:0;padding:0;list-style:none}.custom-tooltip li{color:var(--foreground-muted);text-align:left;align-items:flex-start;gap:.35rem;margin-bottom:.35rem;font-size:.75rem;line-height:1.3;display:flex}.custom-tooltip li:before{content:"✦";color:var(--color-gold);font-size:.8rem}
