.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f2cda3;color:#283748;padding:0 1rem;font-family:system-ui,sans-serif}.logo{width:160px;height:160px;border-radius:50%;color:#283748}.search-container{flex:1;display:flex;background:#f2cda3;color:#283748;justify-content:center}.search-input{padding:.4rem .75rem;font-size:1rem;width:100%;max-width:400px;background:#f2cda3;color:#283748;border-radius:6px;border:1px solid #283748}.search-input::placeholder{color:#283748;opacity:1}.hamburger-menu{position:relative}.hamburger-icon{font-size:1.5rem;background:none;color:#283748;border:none;cursor:pointer}.hamburger-dropdown{position:absolute;top:2.5rem;right:0;font-family:system-ui,sans-serif;background:#f2cda3;color:#283748;border:2px solid #283748;overflow:hidden;border-radius:12px;box-shadow:0 2px 5px #0000001a;min-width:140px;padding:0}.hamburger-dropdown a{display:block;padding:.75rem 1rem;text-decoration:none;color:#283748;font-weight:500}.hamburger-dropdown a:hover{background-color:#e2bd93}.currency-toggle{display:inline-flex;border-radius:12px;overflow:hidden;background:#f2cda3;border:#283748 2px solid;box-shadow:0 2px 6px #0000000d}.currency-toggle button{padding:.4rem 1.2rem;border:none;font-weight:700;font-size:.85rem;cursor:pointer;color:#283748;background:none}.currency-toggle button.active{background:#283748;color:#f2cda3}.stats-box{margin:2rem 0;font-family:system-ui,sans-serif}.stats-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0 auto;max-width:1100px}.stats-inner>div{flex:1 1 220px;max-width:320px;border:2px solid #283748;border-radius:12px;padding:1rem;text-align:center;background:#f2cda3;color:#283748;cursor:pointer;transition:transform .2s ease,background-color .2s ease}@media (max-width: 600px){.stats-inner>div{flex:1 1 100%;max-width:100%}}@media (min-width: 601px) and (max-width: 900px){.stats-inner>div{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}.stats-inner>div{flex:1;border:2px solid #283748;border-radius:12px;padding:1rem;text-align:center;background:#f2cda3;color:#283748;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.stats-inner>div:hover{background-color:#e2bd93;transform:translateY(-3px)}.stats-label{font-size:.9rem;color:#283748}.stats-value{font-size:1.2rem;font-weight:700}.filter-bar{display:inline-flex;justify-content:space-between;align-items:left;margin-bottom:1rem;flex-wrap:wrap;background:#f2cda3;color:#283748;gap:1rem}.sort-dropdown{position:relative}.sort-button{background:#f2cda3;color:#283748;border:#283748 2px solid;padding:.5rem 1rem;font-weight:700;border-radius:10px;cursor:pointer}.dropdown-menu{position:absolute;background:#f2cda3;color:#283748;border:#283748 2px solid;font-family:system-ui,sans-serif;padding:.5rem;box-shadow:0 2px 5px #0000001a;z-index:10}.dropdown-menu div{padding:.3rem .5rem;cursor:pointer}.dropdown-menu div:hover{background-color:#e2bd93}.dropdown-menu .selected{font-weight:700}.status-toggle{display:inline-flex;border-radius:12px;overflow:hidden;background:#f2cda3;color:#283748;border:#283748 2px solid;box-shadow:0 2px 6px #0000000d}.status-toggle button{padding:.4rem 1.2rem;background:none;border:none;font-weight:700;font-size:.85rem;cursor:pointer;color:#283748;transition:background .2s,color .2s}.status-toggle button.active{background:#283748;color:#f2cda3}.multi-dropdown{position:relative}.status-button{background:#f2cda3;color:#283748;border:2px solid #283748;padding:.5rem .9rem;font-weight:700;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.status-button .chevron{font-size:.9rem;opacity:.9}.multi-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#f2cda3;font-family:system-ui,sans-serif;color:#283748;border:2px solid #283748;border-radius:10px;padding:.5rem;z-index:12;box-shadow:0 2px 6px #00000014}.multi-item{display:flex;align-items:center;gap:.5rem;padding:6px 8px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.multi-item input{accent-color:#283748}.multi-item:hover{background:#e2bd93}.multi-item.select-all{font-weight:700}.multi-sep{height:1px;background:#2837484d;margin:6px 4px}.status-toggle{display:none}.card{color:#283748;background:#f2cda3;padding:1.5rem;border:2px solid #283748;border-radius:10px;box-shadow:0 0 8px #0000000d;margin-bottom:1rem;font-family:system-ui,sans-serif;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #00000026;background:#e2bd93}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-circle{position:static;width:14px;height:14px;border-radius:50%;border:2px solid #283748;flex-shrink:0}.status-completed{background-color:#2ecc71}.status-inprogress{background-color:#f1c40f}.status-blocked{background-color:#e74c3c}.status-notstarted{background-color:#bdc3c7}.card-title{margin:0;font-size:1.1rem;font-weight:700}.menu-button{position:absolute;top:.8rem;right:1rem;background:none;border:none;font-size:1.2rem;cursor:pointer}.contribute-button{background:#283748;border:none;color:#f2cda3;padding:.75rem 1.5rem;font-weight:700;border-radius:5px;cursor:pointer}.progress-bar{background:#f2cda3;border-radius:10px;border:2px solid #283748;height:16px;margin-top:.5rem;position:relative}.progress{background:#283748;height:100%;border-radius:10px;z-index:1;position:relative}.checkpoint{position:absolute;visibility:hidden;top:0;width:12px;height:12px;background-color:#f2cda3;border:2px solid #283748;border-radius:50%;z-index:2;cursor:pointer}.checkpoint.filled{background-color:#283748}.checkpoint-label{position:absolute;visibility:hidden;top:20px;font-size:.65rem;color:#283748;transform:translate(-50%);white-space:nowrap}.milestone-label{cursor:pointer;padding:2px 6px;border-radius:4px}.milestone-label:hover{background-color:#e2bd93}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.about-section{background-color:#283748;color:#f2cda3;padding:2rem;margin-top:3rem;font-family:system-ui,sans-serif}.about-section h2{color:#f2cda3}.about-section p,.about-section a{color:#f2cda3;margin-bottom:1.5rem}.about-section a:hover{color:#ff4500;text-decoration:underline}.qr-container{display:flex;justify-content:center;margin:2rem 0}.qr-image{width:200px;height:200px;border:2px solid #f2cda3}.qr-caption{text-align:center;font-style:italic;margin-top:-1rem}.footer-credit{text-align:right;margin-top:3rem;color:#fff}.accordion{display:grid;gap:.75rem}.accordion-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;overflow:hidden}.accordion-header{margin:0}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:transparent;color:#f2cda3;padding:.9rem 1rem;border:none;cursor:pointer;font-weight:700;font-size:1.05rem;text-align:left}.accordion-trigger:focus-visible{outline:2px solid #f2cda3;outline-offset:2px;border-radius:.5rem}.chevron{transition:transform .2s ease;opacity:.9}.accordion-item.open .chevron{transform:rotate(180deg)}.accordion-panel{padding:.75rem 1rem 1rem;background:#ffffff0a;font-size:.95rem;line-height:1.5}.accordion-panel p{margin:0 0 .75rem}.footer-credit{display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:system-ui,sans-serif;font-size:.9rem;color:#283748;margin-top:1.5rem}.footer-icons{display:flex;gap:1.2rem;justify-content:center}.footer-icon{width:28px;height:28px;color:#283748;transition:transform .2s ease,color .2s ease}.footer-icon:hover{transform:scale(1.15);color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}.modal{display:block;position:fixed;font-family:system-ui,sans-serif;top:50%;left:50%;transform:translate(-50%,-50%);background:#f2cda3;color:#283748;padding:2rem;box-shadow:0 0 10px #0000004d;border-radius:10px;z-index:1000;max-width:90%;text-align:center}.modal-content-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f2cda3;color:#283748;padding:2rem;border-radius:1rem;width:90%;font-family:system-ui,sans-serif;max-width:500px;z-index:1000;box-shadow:0 10px 20px #0003}.close-button{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:none;border:none;cursor:pointer}body{margin:0;padding:0;color:#283748;background:#f2cda3}.page-section{padding:0 1rem}@media (min-width: 768px){.page-section{padding:0 2rem}}