:root{--popup-bg-overlay:#000000bf;--popup-text-color:#f1f1f1;--popup-secondary-text-color:#ddd;--button-skate-primary:#b7002e;--button-skate-hover:#b70032;--button-skate-secondary:#00bcd4;--button-skate-secondary-hover:#00838f}.dark{--popup-bg-overlay:#000000d9;--popup-text-color:#fff;--popup-secondary-text-color:#ccc}.welcome-popup{z-index:1070;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#00000080,#00000080),url(https://images.pexels.com/photos/1876876/pexels-photo-1876876.jpeg) 50%/cover no-repeat;border-radius:15px;width:100%;max-width:550px;height:auto;padding:15px;animation:.8s cubic-bezier(.68,-.55,.27,1.55) forwards popupBounceIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 10px 30px #00000080}.welcome-popup-content{background-color:var(--popup-bg-overlay);text-align:center;border:1px solid #fff3;border-radius:12px;padding:25px}.welcome-popup-content h2{font-family:var(--font-display,"Bebas Neue", sans-serif);color:var(--popup-text-color);text-shadow:2px 2px 4px #00000080;margin-bottom:15px;font-size:2.5rem;line-height:1.1}.welcome-popup-content p{font-family:var(--font-body,"Rowdies", sans-serif);color:var(--popup-secondary-text-color);margin-bottom:25px;font-size:1.1rem;line-height:1.4}.welcome-popup-content .popup-actions{flex-direction:column;gap:15px;display:flex}.welcome-popup-content .popup-actions .btn-skate-primary,.welcome-popup-content .popup-actions .btn-skate-secondary{font-family:var(--font-accent,"Bebas Neue", sans-serif);text-transform:uppercase;letter-spacing:1px;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 25px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:inline-flex}.welcome-popup-content .popup-actions .btn-skate-primary{background-color:var(--button-skate-primary);color:#fff;border:2px solid var(--button-skate-primary)}.welcome-popup-content .popup-actions .btn-skate-primary:hover{background-color:var(--button-skate-hover);border-color:var(--button-skate-hover);transform:translateY(-2px)}.welcome-popup-content .popup-actions .btn-skate-secondary{color:var(--button-skate-secondary);border:2px solid var(--button-skate-secondary);background-color:#0000}.welcome-popup-content .popup-actions .btn-skate-secondary:hover{background-color:var(--button-skate-secondary);color:#fff;transform:translateY(-2px)}.close-button{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.3rem;transition:background .3s,color .3s;display:flex;position:absolute;top:15px;right:15px}.close-button:hover{color:#f18f01;background:#0009}@keyframes popupBounceIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}70%{transform:translate(-50%,-50%)scale(.95)}to{transform:translate(-50%,-50%)scale(1)}}@media (width>=768px){.welcome-popup-content .popup-actions{flex-direction:row;justify-content:center}}@media (width<=480px){.welcome-popup{padding:10px}.welcome-popup .welcome-popup-content{padding:20px}.welcome-popup .welcome-popup-content h2{font-size:2rem}.welcome-popup .welcome-popup-content p{font-size:1rem}.welcome-popup .welcome-popup-content .popup-actions{gap:10px}.welcome-popup .welcome-popup-content .popup-actions .btn-skate-primary,.welcome-popup .welcome-popup-content .popup-actions .btn-skate-secondary{padding:10px 20px;font-size:1.1rem}.close-button{width:30px;height:30px;font-size:1.2rem}}