:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:url(/assets/do%C4%9Fa-Dp6LG6-h.webp) center center/cover no-repeat fixed,linear-gradient(120deg,#232e23,#444);color:#e0e5e0;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:0}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#222e2333;z-index:0;pointer-events:none}#root{width:100%;max-width:1100px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}h2{font-weight:700;margin-bottom:18px;color:#6fcf97;letter-spacing:.5px}section,.main-content{background:#222e23b3;border-radius:16px;box-shadow:0 2px 16px #00000021;padding:32px 18px;margin-bottom:32px}.about-logo{width:120px}@media (max-width: 700px){.navbar-menu{gap:12px}section,.main-content{padding:10px 2px;border-radius:8px;margin-bottom:16px}#root{max-width:100vw;padding:0}.about-content{padding:12px 2px!important}.about-logo{width:64px}}.navbar{display:flex;flex-direction:column;align-items:center;background:#222e23b3;padding:18px 0 0;box-shadow:0 2px 12px #0000001a}.navbar-logo-area{display:flex;align-items:center;gap:16px;margin-bottom:6px}.navbar-logo-img{width:56px;height:56px;object-fit:contain;border-radius:15px;background:#232e23;box-shadow:0 2px 8px #00000021}.navbar-logo-title{font-size:1.6rem;font-weight:700;color:#6fcf97;letter-spacing:1px}.navbar-menu{display:flex;gap:32px;list-style:none;padding:0;margin:0;background:#232e23b3;border-radius:8px;box-shadow:0 1px 6px #00000021}.navbar-menu li a{display:block;padding:12px 18px;text-decoration:none;color:#e0e5e0;font-weight:500;font-size:1.08rem;border-radius:6px;transition:background .18s,color .18s}.navbar-menu li a:hover,.navbar-menu li a.active{background:#6fcf97;color:#232e23}@media (max-width: 700px){.navbar{padding:10px 0 0}.navbar-logo-img{width:40px;height:40px}.navbar-logo-title{font-size:1.1rem}.navbar-menu{gap:8px;flex-wrap:wrap;padding:0 4px;width:100%;justify-content:center}.navbar-menu li a{padding:8px 10px;font-size:.98rem}}@media (max-width: 400px){.navbar-logo-title{font-size:.85rem}.navbar-menu li a{font-size:.85rem;padding:6px 4px}}.activity-card{width:200px;margin:0 12px;background:#232e23b3;border-radius:12px;box-shadow:0 2px 8px #00000021;overflow:hidden;transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 4px 16px #0000002e}.activity-image{width:90%;height:90%;object-fit:cover;background:#444}.activity-title{padding:0;font-size:1.1rem;font-weight:600;text-align:center;color:#6fcf97}@media (max-width: 500px){.activity-card{width:95vw;min-width:0;margin:0 2px}.activity-title{font-size:.85rem}}.activity-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 0;max-width:900px;margin:0 auto}@media (min-width: 900px){.activity-list{gap:24px;padding:32px 0}}@media (max-width: 700px){.activity-list{gap:8px;padding:8px 0}}@media (max-width: 500px){.activity-list{flex-direction:column;align-items:center;gap:4px}}.activity-list-vertical{display:flex;flex-direction:column;gap:18px;width:100%;align-items:center;padding:0}.activity-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:220px;margin:8px;transition:transform .2s;cursor:pointer}.activity-card:hover{transform:scale(1.04);box-shadow:0 4px 16px #0000002e}.activity-image{width:100%;height:160px;object-fit:cover;display:block}.activity-title{padding:12px;font-size:1.1rem;font-weight:600;color:#222e23;background:#f6f6f6;text-align:center}.activity-subtitle{font-size:.95rem;color:#4a5e4a;background:#eafae7;padding:6px 12px;text-align:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.footer{background:#222e23b3;text-align:center;padding:24px 0 14px;font-size:1.08rem;color:#e0e5e0;margin-top:40px;border-top:1.5px solid #444}.footer-logo{width:48px;height:48px;object-fit:contain;margin-bottom:10px;border-radius:10px;background:#232e23;box-shadow:0 2px 8px #00000021}@media (max-width: 700px){.footer{font-size:.95rem;padding:14px 0 8px}.footer-logo{width:32px;height:32px}}.activity-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:16px;width:260px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .2s}.activity-card:hover{box-shadow:0 4px 16px #223e232e}.activity-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#223e23;text-align:center;width:100%}.activity-preview{color:#555;font-size:14px;margin-top:8px;white-space:pre-line;text-align:center;width:100%}@media (max-width: 700px){.activity-card{width:95vw;max-width:340px;min-width:0;margin:0 auto 10px;padding:8px 2px}.activity-title{font-size:.95rem}}@media (max-width: 400px){.activity-card{width:98vw;max-width:99vw;padding:4px 1px}}.team-page{max-width:900px;margin:0 auto;padding:32px 16px}.team-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.team-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px 16px;width:260px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}.team-card:hover{box-shadow:0 4px 24px #223e232e}.team-image{width:96px;height:96px;object-fit:cover;border-radius:50%;margin-bottom:16px;border:3px solid #223e23}.team-info{text-align:center}.team-title{color:#223e23;font-weight:700;margin:8px 0 4px}.team-bio{color:#555;font-size:15px}