:root{font-family:system-ui,'Segoe UI',sans-serif;color:#35435a;background:#fffcf7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{width:min(1150px,92%);margin:auto}header{background:white;box-shadow:0 3px 16px #b1a3a320;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:15px}.brand{display:flex;align-items:center;gap:12px}.logo{font-size:34px;background:#fff0cf;padding:9px;border-radius:17px}.brand strong{color:#e776a2;font-size:20px;display:block;letter-spacing:1px}.brand small{display:block;font-size:12px}.navright{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:#738095}.btn{border:0;background:#fff;border-radius:18px;padding:12px 18px;font-weight:700;box-shadow:0 3px 10px #aaa3a32b;color:#5d5576;display:inline-block}.btn.primary{background:#ed8eb3;color:white}.btn.ghost{background:#f1eafa}.btn:hover{filter:brightness(.97)}.hidden{display:none!important}.hero{margin:28px 0 52px;border-radius:34px;background:linear-gradient(110deg,#ffe6ee,#f3edff 56%,#dff8ef);padding:60px 7%;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;overflow:hidden}.pill{display:inline-block;background:#fff9d9;border-radius:30px;padding:8px 15px;font-size:13px;font-weight:700;color:#b58036}.hero h1{font-size:clamp(33px,4vw,55px);line-height:1.15;margin:20px 0;color:#63577c}.hero em{color:#e980a7;font-style:normal}.hero p{line-height:1.7;max-width:530px}.mascot{text-align:center;font-size:44px;transform:rotate(-3deg)}.mascot .animals{font-size:110px;white-space:nowrap;filter:drop-shadow(0 12px 9px #a08ca24d)}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{color:#e785ab;font-weight:800;letter-spacing:3px;font-size:12px}h2{color:#66597d;margin:9px 0 22px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 24px}.filters input{flex:2;min-width:230px}.filters select{flex:1;min-width:165px}input,select,textarea{padding:13px;border:1px solid #e5deec;border-radius:13px;background:white;color:#4c4c62;width:100%}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 27px}.category{background:white;border:2px solid transparent;box-shadow:0 5px 18px #a99aa01a;border-radius:20px;padding:19px 10px;text-align:center;color:#655d77;font-weight:700}.category span{display:block;font-size:37px;margin-bottom:9px}.category.active{border-color:#e889af;background:#fff1f7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:80px}.card{border-radius:21px;background:white;padding:21px;box-shadow:0 7px 20px #9d9aa122;display:flex;flex-direction:column;gap:9px}.card .symbol{font-size:36px}.card h3{margin:0;color:#615675}.card p{margin:0;line-height:1.5;flex:1;color:#778096}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:12px;border-radius:15px;background:#edf7ff;padding:5px 9px}.cardactions{display:flex;gap:8px;flex-wrap:wrap}.cardactions a,.cardactions button{border:0;border-radius:11px;background:#fbe4ef;color:#955d81;padding:9px 12px;font-weight:700}.status{color:#856b85;margin:12px 0}.contribute{margin:60px 0 30px;border-radius:26px;padding:26px 36px;background:#e9f8f1;display:flex;align-items:center;justify-content:space-between;gap:25px}.contribute p{max-width:650px}footer{text-align:center;padding:30px;color:#998aa2}footer small{font-size:12px}dialog{border:0;border-radius:24px;box-shadow:0 25px 80px #35304450;width:min(560px,94vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#3b31597d}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{margin:0}.iconbtn{border:0;background:#f5eefa;border-radius:50%;padding:9px 12px}form label{display:block;font-weight:700;font-size:14px;margin:13px 0}form label input,form label select,form label textarea{margin-top:6px}form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto}.actions{display:flex;justify-content:flex-end;gap:10px}.qrbox{display:flex;justify-content:center;margin:20px}.small{font-size:12px}@media(max-width:750px){.nav{align-items:flex-start;padding:12px 0;flex-direction:column}.hero{grid-template-columns:1fr;padding:32px 7%}.mascot .animals{font-size:75px}.categories{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.contribute{flex-direction:column;align-items:flex-start}.sectionhead{align-items:flex-start}.navright{width:100%}.navright .muted{font-size:12px}.hero h1{font-size:36px}}
