*{margin:0;padding:0;border:0;box-sizing:border-box;text-decoration:none}:root{--primary: #292929;--primaryLight: #383838;--accent: grey;--bg-light: #f9fafb;--muted: #4b5563;--text: #111827;--textPrimary: #fff;--textSecondary: #b2b2b2}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Montserrat,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg-light)}a{color:var(--primary);transition:color .2s ease,text-decoration .2s ease}p{color:var(--textSecondary)}a:hover,a:focus{text-decoration:none}html,body,#root{height:100%;width:100%;scroll-behavior:smooth;background-color:#000}.header{top:0}.header__inner{display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--primary)}.nav-links{display:flex;align-items:center}#smallScreenMenu{position:absolute;top:1.2rem;right:0;flex-direction:column;justify-content:flex-start;border-radius:.4rem;transition:.4s ease;z-index:5;text-transform:capitalize}#smallScreenMenu .menuList{display:flex;flex-direction:column;min-width:13rem;padding:.5rem 1rem;font-size:.8rem;animation:animateNavMenuItems .4s linear forwards;transform-origin:top right;opacity:0;background:linear-gradient(to right,#b4532f,#9d6726,#958006);color:#fff;border-left:3px solid transparent;transition:.5s ease}#smallScreenMenu .menuList:hover{border-left:3px solid #ff8c00}#smallScreenMenu .menuList:nth-child(1){animation-delay:.2s;border-radius:.2rem .2rem 0 0;border-bottom:1px solid #ccc}#smallScreenMenu .menuList:nth-child(2){animation-delay:.3s}#smallScreenMenu .menuList:nth-child(3){animation-delay:.4s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(4){animation-delay:.5s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(5){animation-delay:.6s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(6){animation-delay:.7s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(7){animation-delay:.8s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(8){animation-delay:1s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(9){animation-delay:1.1s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(10){animation-delay:1.2s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(11){animation-delay:1.3s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(12){animation-delay:1.4s;border-top:1px solid #ccc}#smallScreenMenu .menuList:nth-child(13){animation-delay:1.5s;border-top:1px solid #ccc}#smallScreenMenu .menuList.selected{background:linear-gradient(to right,#242412,#6f4513e6,#6b4014);color:#ff8c00;border-left:3px solid #ff8c00}.signUpOptions{position:absolute;top:3rem;right:0;width:fit-content;flex-direction:column;gap:0;display:block;border-radius:.4rem;z-index:1}.signUpOptions .signUpWrap{display:flex;justify-content:space-between;align-items:center;font-size:.8em;background-color:#fff;transition:.5s ease;cursor:pointer;animation:animateNavItems .4s linear forwards;transform-origin:top right;opacity:0;padding:.7em;letter-spacing:1px;font-weight:500}.signUpOptions .signUpWrap .signUpIcon{font-size:1rem}.signUpOptions .signUpWrap .signUpIcon.dashboard,.signUpOptions .signUpWrap .signUpIcon.logout{color:#696969}.signUpOptions .signUpWrap:hover .signUpIcon.dashboard,.signUpOptions .signUpWrap:hover .signUpIcon.logout{color:#fff}.signUpOptions .signUpWrap:first-child{animation-delay:.1s;border-bottom:1px solid #ccc;background-color:#fff}.signUpOptions .signUpWrap:first-child:hover{background-color:#086d92}.signUpOptions .signUpWrap:nth-child(2){animation-delay:.2s;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff}.signUpOptions .signUpWrap:nth-child(3){animation-delay:.3s;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff}.signUpOptions .signUpWrap:nth-child(4){animation-delay:.4s;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff}.signUpOptions .signUpWrap:last-child{animation-delay:.5s;border-radius:0 0 .2rem .2rem;background-color:#fff;border:1px solid #ccc;border-top:none}.signUpOptions .userInfo{border-radius:.2rem .2rem 0 0;animation:animateNavItems .4s linear forwards;background:#fff;color:#292929}.signUpOptions .userInfo:first-child{border:1px solid #ccc}.signUpOptions .signUpWrap.membership{color:#696969;transition:.5s ease}.signUpOptions .signUpWrap.membership:hover{color:#fff;background:gray}.signUpOptions .signUpWrap.isDashboard{color:#696969;transition:.5s ease}.signUpOptions .signUpWrap.isDashboard:hover{color:#fff;background-color:gray}.signUpOptions .signUpWrap.isLoggedIn{color:#696969;transition:.5s ease}.signUpOptions .signUpWrap.isLoggedIn:hover{color:#fff;background-color:gray}.signUpOptions .signUpWrap.isLoggedOut{color:#696969;transition:.5s ease}.signUpOptions .signUpWrap.isLoggedOut:hover{color:#fff;background-color:gray}.footer-links{display:flex;align-items:center}.footer{background:var(--primary);color:#fff}.footer__inner{max-width:1200px;margin:0 auto;display:flex;gap:20px;justify-content:space-between;align-items:center}@keyframes animateNavItems{0%{transform:rotateY(-90deg) rotateX(90deg) scale(.1)}to{transform:rotateY(0) rotateX(0) scale(1);opacity:1}}@keyframes animateNavMenuItems{0%{transform:rotate(0) rotateX(-90deg) scale(1)}to{transform:rotate(1) rotateX(0) scale(1.1);opacity:1}}.promotionSpinner{display:flex}.promotionSpinner .dot-ellipsis{margin-left:4px;width:24px}.promotionSpinner .dot{display:inline-block;margin-top:-.4rem;font-size:24px;animation:dot-blink 1.5s infinite;vertical-align:middle}.promotionSpinner .dot:nth-of-type(1){left:0;animation-delay:0s}.promotionSpinner .dot:nth-of-type(2){left:8px;animation-delay:.3s}.promotionSpinner .dot:nth-of-type(3){left:16px;animation-delay:.6s}@keyframes dot-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.custom-cursor{position:fixed;top:0;left:0;width:32px;height:32px;z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none}.cursor-dot{position:absolute;width:1.5px;height:1.5px;background:linear-gradient(to top,#ff4500,#ff8c00,gold);border-radius:50%/70% 70% 30% 30%;top:50%;left:50%;transform-origin:center center}.cursor-dot-main{position:absolute;width:6px;height:14px;transform-origin:center bottom;background:linear-gradient(to top,#ff4500,#ff8c00,gold);border-radius:50%/70% 70% 30% 30%;filter:blur(.6px) drop-shadow(0 0 6px rgba(255,140,0,.8))}
