.navbar{position:fixed;top:0;left:0;padding:1rem 2rem;min-height:80px;z-index:1000;background-color:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.15)}.navbar,.navbar .navbar-container{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar .navbar-logo a{text-decoration:none}.navbar .navbar-logo h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.navbar .navbar-buttons{display:flex;gap:1rem;align-items:center}.navbar .navbar-buttons .navbar-button{padding:.7rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.navbar .navbar-buttons .navbar-button.signup{background-color:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.navbar .navbar-buttons .navbar-button.signup:hover{background-color:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.navbar .navbar-buttons .navbar-button.login{background-color:rgba(0,0,0,0);color:#fff;border:1px solid hsla(0,0%,100%,.3)}.navbar .navbar-buttons .navbar-button.login:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.navbar .navbar-buttons .navbar-button.cta-chat{background:linear-gradient(135deg,#8338ec,#3a86ff);color:#fff;border:none;box-shadow:0 4px 20px rgba(131,56,236,.4)}.navbar .navbar-buttons .navbar-button.cta-chat:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(131,56,236,.5)}.navbar .navbar-buttons .navbar-button.leaderboard{background:hsla(0,0%,100%,.08);color:#fff;border:1px solid hsla(0,0%,100%,.25)}.navbar .navbar-buttons .navbar-button.leaderboard:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.navbar .navbar-buttons .user-menu-container{position:relative;display:flex;align-items:center}.navbar .navbar-buttons .user-menu-container .user-button{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar .navbar-buttons .user-menu-container .user-button .dropdown-arrow{font-size:.7rem;opacity:.7;transition:transform .3s ease}.navbar .navbar-buttons .user-menu-container .user-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.navbar .navbar-buttons .user-menu-container .user-button:hover .dropdown-arrow{transform:rotate(180deg)}.navbar .navbar-buttons .user-menu-container .user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:rgba(0,0,0,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;min-width:160px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1000;overflow:hidden}.navbar .navbar-buttons .user-menu-container .user-dropdown .dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.9);font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:left}.navbar .navbar-buttons .user-menu-container .user-dropdown .dropdown-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.navbar .navbar-buttons .user-menu-container .user-dropdown .dropdown-item.logout{color:#ff8a80;border-top:1px solid hsla(0,0%,100%,.1)}.navbar .navbar-buttons .user-menu-container .user-dropdown .dropdown-item.logout:hover{background:rgba(255,82,82,.2);color:#ff5252}@media(max-width:480px){.navbar .hide-mobile{display:none}}@media(max-width:768px){.navbar{padding:.65rem .75rem;min-height:60px}.navbar .navbar-container{flex-wrap:nowrap;overflow-x:visible}.navbar .navbar-logo{flex-shrink:0;margin-right:.5rem}.navbar .navbar-logo h1{font-size:1rem;white-space:nowrap}.navbar .navbar-buttons{gap:.4rem;flex-shrink:0;flex-wrap:nowrap}.navbar .navbar-buttons .navbar-button{padding:.5rem .85rem;font-size:.75rem;white-space:nowrap;flex-shrink:0}.navbar .navbar-buttons .user-menu-container{flex-shrink:0}.navbar .navbar-buttons .user-menu-container .user-button{padding:.4rem .75rem;font-size:.7rem;white-space:nowrap}.navbar .navbar-buttons .user-menu-container .user-dropdown{right:-1rem;min-width:140px}.navbar .navbar-buttons .user-menu-container .user-dropdown .dropdown-item{padding:.6rem .8rem;font-size:.8rem}}@media(max-width:480px){.navbar{padding:.5rem;min-height:54px}.navbar .navbar-container{flex-wrap:nowrap;overflow-x:visible}.navbar .navbar-logo{flex-shrink:0;margin-right:.4rem}.navbar .navbar-logo h1{font-size:.85rem;white-space:nowrap}.navbar .navbar-buttons{gap:.3rem;flex-shrink:0;flex-wrap:nowrap}.navbar .navbar-buttons .navbar-button{padding:.4rem .7rem;font-size:.7rem;white-space:nowrap;flex-shrink:0}.navbar .navbar-buttons .user-menu-container{flex-shrink:0}.navbar .navbar-buttons .user-menu-container .user-button{padding:.35rem .6rem;font-size:.65rem;white-space:nowrap}.navbar .navbar-buttons .user-menu-container .user-dropdown{right:-.5rem;min-width:130px}.navbar .navbar-buttons .user-menu-container .user-dropdown .dropdown-item{padding:.55rem .75rem;font-size:.75rem}}.footer-section{padding:4rem 2rem 2rem;background-color:#000;color:#fff}.footer-section .footer-container{max-width:1200px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:3rem;gap:3rem;margin:0 auto 3rem}@media(max-width:992px){.footer-section .footer-container{grid-template-columns:1fr;text-align:center}}.footer-section .footer-logo h3{font-size:1.8rem;margin-bottom:1rem}.footer-section .footer-logo p{font-size:.9rem;opacity:.8}.footer-section .footer-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}@media(max-width:768px){.footer-section .footer-links{grid-template-columns:1fr;gap:1.5rem}}.footer-section .footer-links .footer-column h4{font-size:1.2rem;margin-bottom:1.2rem;position:relative}.footer-section .footer-links .footer-column h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:#fff}@media(max-width:992px){.footer-section .footer-links .footer-column h4:after{left:50%;transform:translateX(-50%)}}.footer-section .footer-links .footer-column ul{list-style:none;padding:0;margin:0}.footer-section .footer-links .footer-column ul li{margin-bottom:.8rem}.footer-section .footer-links .footer-column ul li a{color:#fff;opacity:.7;text-decoration:none;transition:opacity .3s ease}.footer-section .footer-links .footer-column ul li a:hover{opacity:1}.footer-section .footer-social h4{font-size:1.2rem;margin-bottom:1.2rem;position:relative}.footer-section .footer-social h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:#fff}@media(max-width:992px){.footer-section .footer-social h4:after{left:50%;transform:translateX(-50%)}}.footer-section .footer-social .social-icons{display:flex;gap:1rem}@media(max-width:992px){.footer-section .footer-social .social-icons{justify-content:center}}.footer-section .footer-social .social-icons .social-icon{color:#fff;text-decoration:none;opacity:.7;transition:opacity .3s ease}.footer-section .footer-social .social-icons .social-icon:hover{opacity:1}.footer-section .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.footer-section .footer-bottom p{font-size:.9rem;opacity:.7;margin-bottom:.5rem}.footer-section .footer-bottom .bug-report-notice{font-size:.85rem;opacity:.6;margin-top:.8rem}.footer-section .footer-bottom .bug-report-notice .bug-report-link{color:#fff;text-decoration:underline;opacity:.8;transition:opacity .3s ease}.footer-section .footer-bottom .bug-report-notice .bug-report-link:hover{opacity:1}.promo-banner{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;width:280px;background:rgba(0,0,0,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);opacity:0;transform:translateX(100%) translateY(-50%);transition:all .5s ease-out}.promo-banner.visible{opacity:1;transform:translateX(0) translateY(-50%)}.promo-banner__content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;position:relative}.promo-banner__close-btn{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.promo-banner__close-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);color:#fff;transform:scale(1.1)}.promo-banner__close-btn:active{transform:scale(.9)}.promo-banner__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3a86ff,#8338ec);border-radius:50%;color:#fff;margin-bottom:4px}.promo-banner__text{display:flex;flex-direction:column;gap:4px;align-items:center}.promo-banner__title{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.1;background:linear-gradient(135deg,#3a86ff,#8338ec);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.promo-banner__description{font-size:.875rem;color:hsla(0,0%,100%,.8);line-height:1.2;margin-bottom:4px}.promo-banner__code{display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.promo-banner__code span{font-family:Courier New,monospace;font-weight:600;font-size:.875rem;color:#fff;letter-spacing:1px}.promo-banner__code:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:scale(1.02)}.promo-banner__code:active{transform:scale(.98)}.promo-banner__cta-btn{width:100%;padding:10px 16px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:4px}.promo-banner__cta-btn:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.promo-banner__cta-btn:active{transform:translateY(0)}@media(max-width:768px){.promo-banner{right:15px;width:240px;padding:16px}.promo-banner__icon{width:36px;height:36px}.promo-banner__title{font-size:1.125rem}.promo-banner__description{font-size:.75rem}.promo-banner__code{padding:6px 10px}.promo-banner__code span{font-size:.75rem}.promo-banner__cta-btn{padding:8px 14px;font-size:.75rem}}@media(max-width:480px){.promo-banner{right:10px;width:200px;padding:14px;top:auto;bottom:20px;transform:translateY(100%)}.promo-banner.visible{transform:translateY(0)}.promo-banner__icon{width:32px;height:32px}.promo-banner__title{font-size:1rem}.promo-banner__description{font-size:11px}.promo-banner__code{padding:5px 8px}.promo-banner__code span{font-size:11px}.promo-banner__cta-btn{padding:7px 12px;font-size:11px}}@media(max-width:320px){.promo-banner{display:none}}.g-icon{line-height:0;vertical-align:top}.xp-notification-container{position:fixed;top:100px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:16px;pointer-events:none;max-width:calc(100vw - 48px)}@media(max-width:640px){.xp-notification-container{top:auto;bottom:24px;right:16px;left:16px;max-width:none}}.xp-notification{position:relative;display:flex;align-items:center;gap:16px;padding:20px 48px 20px 24px;min-width:320px;max-width:420px;border-radius:16px;pointer-events:auto;cursor:pointer;overflow:hidden;transform:translateX(calc(100% + 40px));opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,box-shadow .3s ease}@media(max-width:640px){.xp-notification{min-width:auto;max-width:none;width:100%;padding:16px 44px 16px 20px;gap:14px;border-radius:14px}}.xp-notification--visible{transform:translateX(0);opacity:1}.xp-notification--hidden{transform:translateX(calc(100% + 40px));opacity:0}.xp-notification--animating .xp-notification__icon-ring{animation:pulse-ring .6s ease-out}.xp-notification--animating .xp-notification__icon{animation:icon-pop .5s cubic-bezier(.34,1.56,.64,1)}.xp-notification:hover{transform:translateX(0) scale(1.02)}.xp-notification:hover .xp-notification__glow{opacity:.6}.xp-notification--xp{background:#081014;border:1px solid rgba(0,200,255,.25);box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,200,255,.1)}.xp-notification--xp .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(0,200,255,.15) 0,transparent 70%)}.xp-notification--xp .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(0,200,255,.5);box-shadow:0 0 20px rgba(0,200,255,.3)}.xp-notification--xp .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff;box-shadow:0 4px 20px rgba(0,200,255,.4)}.xp-notification--xp .xp-notification__label{color:#00d4ff}.xp-notification--xp .xp-notification__progress-bar{background:linear-gradient(90deg,#00d4ff,#0099cc)}.xp-notification--achievement{background:#141005;border:1px solid rgba(255,200,50,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,200,50,.15)}.xp-notification--achievement .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(255,200,50,.15) 0,transparent 70%)}.xp-notification--achievement .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(255,200,50,.6);box-shadow:0 0 25px rgba(255,180,0,.4)}.xp-notification--achievement .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#ffd700,#ff9500);color:#fff;box-shadow:0 4px 24px rgba(255,180,0,.5)}.xp-notification--achievement .xp-notification__label{color:#ffc800}.xp-notification--achievement .xp-notification__progress-bar{background:linear-gradient(90deg,#ffd700,#ff9500)}.xp-notification--achievement .particle{background:gold;box-shadow:0 0 6px gold}.xp-notification--level_up{background:#100514;border:1px solid rgba(160,100,255,.35);box-shadow:0 8px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(160,100,255,.2),0 0 60px rgba(140,80,255,.05)}.xp-notification--level_up .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(160,100,255,.2) 0,transparent 70%)}.xp-notification--level_up .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(160,100,255,.7);box-shadow:0 0 30px rgba(140,80,255,.5);animation:glow-pulse 2s ease-in-out infinite}.xp-notification--level_up .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 28px rgba(140,80,255,.6)}.xp-notification--level_up .xp-notification__label{color:#c084fc;font-weight:700;text-transform:uppercase;letter-spacing:1px}.xp-notification--level_up .xp-notification__title{font-size:20px;background:linear-gradient(90deg,#e9d5ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.xp-notification--level_up .xp-notification__progress-bar{background:linear-gradient(90deg,#a855f7,#7c3aed,#a855f7);background-size:200% 100%;animation:shimmer 2s linear infinite}.xp-notification--level_up .particle{background:#c084fc;box-shadow:0 0 8px #a855f7}.xp-notification--mission{background:#051008;border:1px solid rgba(16,185,129,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 0 0 1px rgba(16,185,129,.1)}.xp-notification--mission .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(16,185,129,.15) 0,transparent 70%)}.xp-notification--mission .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(16,185,129,.5);box-shadow:0 0 20px rgba(16,185,129,.3)}.xp-notification--mission .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px rgba(16,185,129,.4)}.xp-notification--mission .xp-notification__label{color:#34d399}.xp-notification--mission .xp-notification__progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.xp-notification--mission_assigned{background:#050b14;border:1px solid rgba(59,130,246,.35);box-shadow:0 8px 36px rgba(0,0,0,.5),inset 0 0 0 1px rgba(59,130,246,.15),0 0 50px rgba(59,130,246,.05)}.xp-notification--mission_assigned .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.2) 0,transparent 70%)}.xp-notification--mission_assigned .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(59,130,246,.6);box-shadow:0 0 25px rgba(59,130,246,.4);animation:glow-pulse 2s ease-in-out infinite}.xp-notification--mission_assigned .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 24px rgba(59,130,246,.5)}.xp-notification--mission_assigned .xp-notification__label{color:#60a5fa;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.xp-notification--mission_assigned .xp-notification__title{font-size:18px;font-weight:700;color:#fff}.xp-notification--mission_assigned .xp-notification__message{font-size:14px;color:hsla(0,0%,100%,.85);font-weight:500}.xp-notification--mission_assigned .xp-notification__progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb,#3b82f6);background-size:200% 100%;animation:shimmer 2s linear infinite}.xp-notification--mission_complete_followup{background:#041210;border:1px solid rgba(20,184,166,.35);box-shadow:0 8px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(20,184,166,.2),0 0 60px rgba(20,184,166,.08)}.xp-notification--mission_complete_followup .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(20,184,166,.2) 0,transparent 70%)}.xp-notification--mission_complete_followup .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(20,184,166,.7);box-shadow:0 0 30px rgba(20,184,166,.5);animation:glow-pulse 2s ease-in-out infinite}.xp-notification--mission_complete_followup .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 4px 28px rgba(20,184,166,.6)}.xp-notification--mission_complete_followup .xp-notification__label{color:#2dd4bf;font-weight:700;text-transform:uppercase;letter-spacing:1px}.xp-notification--mission_complete_followup .xp-notification__title{font-size:18px;font-weight:700;background:linear-gradient(90deg,#99f6e4,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.xp-notification--mission_complete_followup .xp-notification__message{font-size:13px;color:hsla(0,0%,100%,.8)}.xp-notification--mission_complete_followup .xp-notification__cta{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:rgba(20,184,166,.15);border:1px solid rgba(20,184,166,.3);border-radius:8px;font-size:12px;font-weight:600;color:#2dd4bf;transition:all .2s ease}.xp-notification--mission_complete_followup .xp-notification__cta-arrow{transition:transform .2s ease}.xp-notification--mission_complete_followup:hover .xp-notification__cta{background:rgba(20,184,166,.25);border-color:rgba(20,184,166,.5)}.xp-notification--mission_complete_followup:hover .xp-notification__cta .xp-notification__cta-arrow{transform:translateX(4px)}.xp-notification--mission_complete_followup .xp-notification__progress-bar{background:linear-gradient(90deg,#14b8a6,#0d9488,#14b8a6);background-size:200% 100%;animation:shimmer 2s linear infinite}.xp-notification--mission_complete_followup .xp-notification__progress-bar--slow{animation:progress 6s linear forwards,shimmer 2s linear infinite}.xp-notification--mission_complete_followup .particle{background:#2dd4bf;box-shadow:0 0 8px #14b8a6}.xp-notification--clickable{cursor:pointer}.xp-notification--clickable:hover{transform:translateX(0) scale(1.03);border-color:rgba(20,184,166,.6)}.xp-notification--level_reward{background:#140505;border:1px solid rgba(255,50,50,.35);box-shadow:0 8px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,50,50,.2),0 0 60px rgba(255,20,20,.1)}.xp-notification--level_reward .xp-notification__glow{background:radial-gradient(circle at 30% 50%,rgba(255,50,50,.25) 0,transparent 70%)}.xp-notification--level_reward .xp-notification__icon-wrapper .xp-notification__icon-ring{border-color:rgba(255,50,50,.7);box-shadow:0 0 30px rgba(255,20,20,.5);animation:glow-pulse 1.5s ease-in-out infinite}.xp-notification--level_reward .xp-notification__icon-wrapper .xp-notification__icon{background:linear-gradient(135deg,#ff3b3b,#c41e1e);color:#fff;box-shadow:0 4px 28px rgba(255,50,50,.6);animation:icon-pulse 2s infinite}.xp-notification--level_reward .xp-notification__label{color:#ff6b6b;font-weight:800;text-transform:uppercase;letter-spacing:1px}.xp-notification--level_reward .xp-notification__title{font-size:19px;font-weight:800;background:linear-gradient(90deg,#ff9e9e,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.xp-notification--level_reward .xp-notification__message{font-size:14px;color:hsla(0,0%,100%,.9);font-weight:500}.xp-notification--level_reward .xp-notification__progress-bar{background:linear-gradient(90deg,#ff3b3b,#c41e1e,#ff3b3b);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.xp-notification--level_reward .particle{background:#ff6b6b;box-shadow:0 0 8px #ff3b3b}.xp-notification__glow{position:absolute;top:-50%;left:-30%;width:80%;height:200%;opacity:.4;pointer-events:none;transition:opacity .3s ease}.xp-notification__icon-wrapper{position:relative;flex-shrink:0}.xp-notification__icon-ring{position:absolute;top:50%;left:50%;width:56px;height:56px;border:2px solid;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.xp-notification__icon{position:relative;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;z-index:1}@media(max-width:640px){.xp-notification__icon{width:42px;height:42px;border-radius:12px}}.xp-notification__icon .notification-svg{width:24px;height:24px}@media(max-width:640px){.xp-notification__icon .notification-svg{width:20px;height:20px}}.xp-notification__content{flex:1 1;min-width:0;z-index:1}.xp-notification__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;opacity:.9}@media(max-width:640px){.xp-notification__label{font-size:10px}}.xp-notification__title{font-size:17px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:2px}@media(max-width:640px){.xp-notification__title{font-size:15px}}.xp-notification__message{font-size:13px;color:hsla(0,0%,100%,.7);line-height:1.4}@media(max-width:640px){.xp-notification__message{font-size:12px}}.xp-notification__close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.xp-notification__close svg{width:14px;height:14px;color:hsla(0,0%,100%,.6)}.xp-notification__close:hover{background:hsla(0,0%,100%,.2)}.xp-notification__close:hover svg{color:#fff}.xp-notification__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.1);overflow:hidden;border-radius:0 0 16px 16px}.xp-notification__progress-bar{height:100%;width:100%;transform-origin:left;animation:progress 4s linear forwards}.xp-notification .notification-particles{position:absolute;top:50%;left:40px;width:0;height:0;pointer-events:none}.xp-notification .particle{position:absolute;width:6px;height:6px;border-radius:50%;opacity:0;animation:particle-burst .8s ease-out forwards;animation-delay:calc(var(--particle-index)*.05s)}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}@keyframes icon-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes icon-pulse{0%,to{transform:scale(1);box-shadow:0 4px 28px rgba(255,50,50,.6)}50%{transform:scale(1.05);box-shadow:0 4px 40px rgba(255,50,50,.8)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.particle:first-child{animation:particle-0 .8s ease-out forwards;animation-delay:0s}.particle:nth-child(2){animation:particle-1 .8s ease-out forwards;animation-delay:.04s}.particle:nth-child(3){animation:particle-2 .8s ease-out forwards;animation-delay:.08s}.particle:nth-child(4){animation:particle-3 .8s ease-out forwards;animation-delay:.12s}.particle:nth-child(5){animation:particle-4 .8s ease-out forwards;animation-delay:.16s}.particle:nth-child(6){animation:particle-5 .8s ease-out forwards;animation-delay:.2s}.particle:nth-child(7){animation:particle-6 .8s ease-out forwards;animation-delay:.24s}.particle:nth-child(8){animation:particle-7 .8s ease-out forwards;animation-delay:.28s}.particle:nth-child(9){animation:particle-8 .8s ease-out forwards;animation-delay:.32s}.particle:nth-child(10){animation:particle-9 .8s ease-out forwards;animation-delay:.36s}.particle:nth-child(11){animation:particle-10 .8s ease-out forwards;animation-delay:.4s}.particle:nth-child(12){animation:particle-11 .8s ease-out forwards;animation-delay:.44s}@keyframes particle-0{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(50px) scale(.5);opacity:0}}@keyframes particle-1{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(43px,25px) scale(.5);opacity:0}}@keyframes particle-2{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(25px,43px) scale(.5);opacity:0}}@keyframes particle-3{0%{transform:translate(0) scale(0);opacity:1}to{transform:translateY(50px) scale(.5);opacity:0}}@keyframes particle-4{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(-25px,43px) scale(.5);opacity:0}}@keyframes particle-5{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(-43px,25px) scale(.5);opacity:0}}@keyframes particle-6{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(-50px) scale(.5);opacity:0}}@keyframes particle-7{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(-43px,-25px) scale(.5);opacity:0}}@keyframes particle-8{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(-25px,-43px) scale(.5);opacity:0}}@keyframes particle-9{0%{transform:translate(0) scale(0);opacity:1}to{transform:translateY(-50px) scale(.5);opacity:0}}@keyframes particle-10{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(25px,-43px) scale(.5);opacity:0}}@keyframes particle-11{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(43px,-25px) scale(.5);opacity:0}}