@import "https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&family=Luckiest+Guy&family=Cormorant+Garamond:ital@1&display=swap";body,html,#root{background:#04060c;width:100%;height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#04060c;height:100%;overflow:hidden}.hero{cursor:none;width:100vw;height:100vh;position:relative;overflow:hidden}.hero:before{content:"";z-index:20;background:linear-gradient(90deg,#0000,#f4c430,#c0001a,#f4c430,#0000);height:4px;position:absolute;top:0;left:0;right:0}.hero-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.content{z-index:10;pointer-events:none;position:absolute;inset:0}.logo{z-index:15;text-align:center;pointer-events:none;position:absolute;top:34px;left:50%;transform:translate(-50%)}.logo .op{letter-spacing:.02em;text-transform:uppercase;color:#f7d446;-webkit-text-stroke:3px #0a1a3a;text-shadow:0 4px #b3001a,0 6px #0a1a3a,0 0 24px #f4c43073;font-family:Luckiest Guy,cursive;font-size:64px;line-height:.9}.logo .tag{letter-spacing:.5em;color:#fff;text-shadow:0 0 8px #000c;margin-top:2px;padding-left:.5em;font-family:Bebas Neue,sans-serif;font-size:15px}.left{flex-direction:column;gap:16px;width:360px;display:flex;position:absolute;bottom:64px;left:64px}.right{text-align:right;flex-direction:column;align-items:flex-end;gap:14px;width:380px;display:flex;position:absolute;top:54%;right:64px;transform:translateY(-50%)}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#f4c430;padding-left:1.4rem;font-family:Bebas Neue,sans-serif;font-size:15px;position:relative}.eyebrow:before{content:"";background:#f4c430;width:1rem;height:1.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.right .eyebrow{color:#ff5a6e;padding:0 1.4rem 0 0}.right .eyebrow:before{background:#ff5a6e;left:auto;right:0}.title{color:#fff;text-transform:uppercase;letter-spacing:.02em;text-shadow:3px 3px #b3001a,0 0 14px #c0001a80,0 0 36px #c0001a4d;font-family:Bangers,cursive;font-size:78px;line-height:.92}.right .title{color:#fff;text-shadow:3px 3px #6a3fb3,0 0 16px #b478ff80,0 0 40px #b478ff4d;font-size:62px}.desc{color:#ffffffd1;font-family:Cormorant Garamond,Georgia,serif;font-size:19px;font-style:italic;line-height:1.6}.btn{letter-spacing:.2em;text-transform:uppercase;color:#fff;cursor:pointer;isolation:isolate;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);pointer-events:all;background:0 0;border:2px solid #f4c430;align-self:flex-start;padding:14px 28px;font-family:Bebas Neue,sans-serif;font-size:17px;transition:border-color .3s,color .3s;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;background:#f4c430;transition:transform .38s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-105%)skew(-8deg)}.btn:hover{color:#1a0a00;border-color:#ffe066}.btn:hover:after{transform:translate(0)skew(-8deg)}.hint{z-index:16;letter-spacing:.25em;color:#fff;pointer-events:none;background:#00000073;border-radius:999px;padding:8px 18px;font-family:Bebas Neue,sans-serif;font-size:14px;transition:opacity .5s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=680px){.logo .op{font-size:38px}.logo .tag{letter-spacing:.3em;font-size:11px}.left{width:62%;bottom:34px;left:22px}.right{width:58%;right:22px}.title{font-size:42px}.right .title{font-size:34px}.desc{font-size:15px}.btn{padding:11px 18px;font-size:14px}}