@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";
:root{--bg-void:#f9fafb;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--bg-elevated:#fff;--surface-glass:#ffffffb3;--surface-glass-hover:#fffffff2;--border-glass:#0000000d;--border-glass-hover:#0000001f;--accent-gold:#c29b57;--accent-dark:#111827;--accent-silver:#9ca3af;--text-white:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--font-display:"Space Grotesk", sans-serif;--font-body:"Outfit", sans-serif;--nav-height:80px;--section-y:clamp(100px, 12vw, 180px);--pink:#db2777;--cyan:#06b6d4;--orange:#ea580c;--blue:#2563eb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{background:var(--bg-void);min-height:100%;color:var(--text-primary);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:800;line-height:1.15}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);transform-style:preserve-3d;border-radius:20px;transition:all .6s cubic-bezier(.19,1,.22,1);box-shadow:0 10px 30px #00000008,inset 0 2px #fffc}.glass:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-hover);transform:translateY(-4px)scale3d(1.01,1.01,1.01);box-shadow:0 20px 50px #00000014,inset 0 2px #fff}.btn-primary{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--accent-dark);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-flex;box-shadow:0 8px 20px #00000026}.btn-primary:hover{background:#000;transform:translateY(-3px);box-shadow:0 12px 25px #0003}.btn-gold{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--accent-gold);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-flex;box-shadow:0 8px 20px #c29b574d}.btn-gold:hover{background:#a9854b;transform:translateY(-3px);box-shadow:0 12px 25px #c29b5766}.btn-outline{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-dark);border:2px solid var(--accent-dark);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:14px 34px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-flex}.btn-outline:hover{color:#fff;background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.tag{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-gold);background-color:#c29b571a;border:1px solid #c29b5733;border-radius:4px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-block}.shimmer{background:linear-gradient(90deg, var(--accent-gold) 0%, #e8c888 25%, var(--accent-dark) 50%, #e8c888 75%, var(--accent-gold) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shimmer-slide}@keyframes shimmer-slide{to{background-position:200%}}.grid-overlay{pointer-events:none;z-index:0;perspective:1200px;transform-origin:top;opacity:.8;background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;transform:rotateX(60deg)scale(2)}.container{z-index:2;width:90%;max-width:1240px;margin:0 auto;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--accent-silver);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.hero-gradient-shadow{background:linear-gradient(to top, var(--bg-void) 0%, #f9fafbcc 20%, transparent 100%);pointer-events:none;z-index:10;height:200px;position:absolute;bottom:0;left:0;right:0}::selection{background:var(--accent-gold);color:#fff}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 2rem))}}.marquee-track:hover{animation-play-state:paused!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:.8;box-shadow:0 0 20px var(--accent-gold);transform:scale(1)}50%{opacity:1;box-shadow:0 0 40px var(--accent-gold);transform:scale(1.3)}}.orb{filter:blur(140px);opacity:.12;pointer-events:none;z-index:0;border-radius:50%;width:clamp(280px,45vw,600px);height:clamp(280px,45vw,600px);transition:all 1s ease-in-out;position:absolute}.orb-pink{background:radial-gradient(circle,#db277766 0%,#db27770d 100%)}.orb-cyan{background:radial-gradient(circle,#06b6d466 0%,#06b6d40d 100%)}.orb-gold{background:radial-gradient(circle,#c29b5766 0%,#c29b570d 100%)}.btn-glow{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg, var(--accent-gold) 0%, #a9854b 100%);cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #c29b574d,0 0 0 2px #c29b571a;color:#fff!important}.btn-glow:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 14px 30px #c29b5780,0 0 15px #c29b574d}.btn-glow:hover:before{left:100%}
