:root{--color-green:#004947;--color-green-dark:#071c1a;--color-white:#fff;--color-black:#000;--color-orange:#eb6548;--color-yellow:#ffbf39;--color-secondary-green:#0f7c5b;--color-secondary-yellow:#f6c94c;--color-secondary-purple:#a32649;--color-secondary-blue:#a0d8c4;--color-secondary-pink:#f48924;--color-secondary-gray:#acacac;--color-secondary-gray-light:#f0f0f0;--color-secondary-text:#575f6e;--shadow-card:0 20px 40px rgba(0,0,0,.2);--radius-sm:8px;--radius-md:10px}@font-face{font-display:swap;font-family:crawford;font-style:normal;font-weight:400;src:url(/build/fonts/crawford-regular.2327f41e.woff2) format("woff2")}@font-face{font-display:swap;font-family:ppmonumentextended;font-style:normal;font-weight:400;src:url(/build/fonts/ppmonumentextended-regular.7321fb08.woff2) format("woff2")}@font-face{font-display:swap;font-family:ppmonumentextended;font-style:normal;font-weight:900;src:url(/build/fonts/ppmonumentextended-black.de316e24.woff2) format("woff2")}@font-face{font-display:swap;font-family:ppmonumentextended;font-style:normal;font-weight:300;src:url(/build/fonts/ppmonumentextended-light.e8ecfcb1.woff2) format("woff2")}@font-face{font-display:swap;font-family:hostgrotesk;font-style:normal;font-weight:400;src:url(/build/fonts/hostgrotesk-regular.543b6361.woff2) format("woff2")}@font-face{font-display:swap;font-family:hostgrotesk;font-style:normal;font-weight:700;src:url(/build/fonts/hostgrotesk-bold.545d2801.woff2) format("woff2")}*,:after,:before{box-sizing:border-box;font-size:16px}body{font-family:hostgrotesk,sans-serif;font-size:20px;margin:0;padding:0}h1{font-family:crawford;font-size:75px}h2{font-size:60px}h2,h3{font-family:ppmonumentextended}h3{font-size:40px;font-weight:900}h4{font-family:ppmonumentextended;font-size:32px}h5{font-size:18px}h5,h6{font-family:ppmonumentextended;font-weight:400;margin-bottom:10px}h6{font-size:14px;margin-top:10px}p.small{font-size:12px}@media (max-width:768px){*,body{font-size:14px}h1{font-size:42px}h2{font-size:37px;font-weight:300}h3{font-size:32px;font-weight:400}h4{font-size:20px;font-weight:900}}.btn{background-color:var(--color-secondary-green);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-family:ppmonumentextended;font-weight:400;padding:18px 20px;text-align:center;width:100%}.btn:hover{background-color:var(--color-green);transform:scale(1.05);transition:background-color .2s;transition:transform .2s}.btn:disabled,a.btn.disabled{background-color:var(--color-secondary-gray);cursor:not-allowed}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{border:1px solid var(--color-secondary-gray);border-radius:var(--radius-sm);height:53px;padding:16px;width:100%}input::placeholder{color:var(--color-secondary-gray)}input[type=checkbox],input[type=radio]{accent-color:var(--color-secondary-green)}.modal{backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;left:50%;max-width:400px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.modal-header{align-items:center;display:flex;justify-content:flex-end}.modal-header .close-modal{background-color:transparent;border:none;color:var(--color-secondary-gray);cursor:pointer;font-size:30px}.modal-body{margin:20px 0}.modal-footer{display:flex;justify-content:flex-end}#gameModal.modal{display:block}#gameModal.modal .modal-content{height:100%;padding:0;width:100%}#gameModal.modal .modal-content .close.btn{padding:10px;position:absolute;right:10px;top:10px;width:auto}#gameModal.modal .modal-content canvas{height:100%;width:100%}.modal .modal-header .close{background:transparent;border:none;color:var(--color-white);cursor:pointer}.modal .modal-header .close span{font-size:24px}.close-modal .modal-content{background-color:var(--color-secondary-purple);border-radius:10px;color:var(--color-white)}.close-modal .modal-content .modal-header h4{margin:0}.close-modal .modal-content .modal-footer .modal-confirm{color:var(--color-white)}#modal-earned-points.modal .modal-content{background-image:url(/build/images/points-bg.30177371.png);background-position:100% 100%;background-repeat:no-repeat;background-size:cover;border-radius:10px}#modal-earned-points.modal .modal-content .modal-header{gap:30px;justify-content:space-between}#modal-earned-points.modal .modal-content h4{color:var(--color-yellow);margin:0}#modal-earned-points.modal .modal-content #modal-earned-points-message{color:var(--color-green)}#modal-earned-points.modal .modal-content .earned-points,#modal-medal-unlocked.modal .modal-content .earned-points{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}#modal-earned-points.modal .modal-content .earned-points div,#modal-medal-unlocked.modal .modal-content .earned-points div{align-items:center;background-color:var(--color-yellow);border-radius:27px;display:flex;gap:10px;justify-content:space-around;padding:5px 10px}#modal-earned-points.modal .modal-content .earned-points div img,#modal-medal-unlocked.modal .modal-content .earned-points div img{height:20px;width:20px}#modal-earned-points.modal .modal-content .earned-points div #modal-earned-points-points,#modal-medal-unlocked.modal .modal-content .earned-points div #modal-earned-points-points{margin:5px}#modal-earned-points.modal .modal-content .earned-points p.modal-earned-points-text,#modal-medal-unlocked.modal .modal-content .earned-points p.modal-earned-points-text{color:var(--color-green);font-size:10px}#modal-medal-unlocked.modal .modal-content{max-width:350px;width:80%}#modal-medal-unlocked.modal .modal-content .modal-header .close{color:var(--color-secondary-gray);font-size:24px;position:absolute;right:10px;top:10px}#modal-medal-unlocked.modal .modal-content .modal-body{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}#modal-medal-unlocked.modal .modal-content .modal-body h5,#modal-medal-unlocked.modal .modal-content .modal-body p #modal-medal-unlocked.modal .modal-content .modal-body .earned-points{align-self:flex-start}#modal-medal-unlocked.modal .modal-content .modal-body h5{color:var(--color-secondary-gray);font-weight:900;margin:10px 0}.modal-notification-alert{align-items:flex-start;background-color:var(--color-secondary-gray-light);border:1px solid var(--color-secondary-gray);border-radius:10px;display:none;flex-direction:column;gap:10px;left:0;margin:0 auto;max-width:400px;padding:10px;position:fixed;right:0;top:10px;width:90%;z-index:1000}.modal-notification-alert.slide-in{animation:slideDown .3s ease-in-out}.modal-notification-alert.slide-out{animation:slideUp .3s ease-in-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.modal-notification-alert .close-modal{background:transparent;border:none;color:var(--color-secondary-gray);cursor:pointer;font-size:30px;position:absolute;right:5px;top:5px}header{align-items:center;background-color:var(--color-secondary-green);display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px 15px;z-index:2}header .header-logo{height:auto;width:auto}header .header-logo img{max-width:100%}header .header-user{justify-content:space-between;min-height:38px;width:100%}header .header-user,header .header-user__avatar-container{align-items:center;display:flex;gap:15px}header .header-user__avatar-container #user-avatar{height:48px;width:48px}header .header-user__avatar-container a{color:var(--color-white);text-decoration:none}.header-minimal .header-icons,header .header-icons{align-items:center;display:flex;gap:5px}header .header-icons img{height:auto;width:auto}.header-minimal .header-icons button,header .header-icons button{background:transparent;border:none;cursor:pointer}.header-minimal .header-icons button.notification-btn,.subheader .subheader-icons button.notification-btn,header .header-icons button.notification-btn{position:relative}.header-minimal .header-icons button.notification-btn span,.subheader .subheader-icons button.notification-btn span,header .header-icons button.notification-btn span{background-color:var(--color-secondary-purple);border-radius:50%;color:var(--color-white);font-size:10px;padding:2px 5px;position:absolute;right:0;top:0}.header-minimal .header-points,.subheader .subheader-icons .subheader-points,header .header-points{align-items:center;background-color:var(--color-yellow);border-radius:20px;color:var(--color-black);display:flex;gap:10px;justify-content:flex-start;padding:4px 8px}.header-minimal{justify-content:space-between;padding:10px}.header-minimal,main{align-items:center;display:flex}main{flex-direction:column;height:100%;justify-content:center;margin:20px auto;max-width:600px;padding-bottom:80px;padding-left:15px;padding-right:15px}footer{align-items:center;background-color:var(--color-white);border:1px solid var(--color-secondary-gray);border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;display:flex;justify-content:space-around;left:0;padding:16px;position:fixed;width:100%;z-index:2}@media (max-width:400px){footer{justify-content:space-between}}footer .footer-link{align-items:center;color:var(--color-secondary-gray);display:flex;flex-direction:column;text-decoration:none}footer .footer-link.active{color:var(--color-secondary-green)}.app-return{align-self:flex-start;margin-bottom:20px}.app-return:hover{transform:translateX(-5px);transition:transform .2s ease-in-out}.app-page-name{align-self:flex-start;font-family:ppmonumentextended;margin-bottom:20px}.section-disabled{cursor:not-allowed;filter:grayscale(100%)}.flash-message{animation:slideIn .5s ease-in-out;background:#fff;border-radius:6px;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:1000}.flash-message.slideOut{animation:slideOut .5s ease-in-out}@keyframes slideIn{0%{right:-500px}to{right:20px}}@keyframes slideOut{0%{right:20px}to{right:-500px}}.flash-message.error{border:1px solid var(--color-orange);border-radius:6px;color:var(--color-orange)}.flash-message.error,.flash-message.success{background-color:var(--color-white);padding:10px 20px}.flash-message.success{border:1px solid var(--color-green);border-radius:6px;color:var(--color-green)}.slider-wrapper{overflow:hidden;position:relative;width:100%}.slider-container{display:flex;gap:10px;height:100%;transition:transform .5s ease-in-out}.slider-item{height:100%;min-width:calc(100% - 10px)}.slider-item img{height:auto;object-fit:contain;width:auto}