.header{padding:2rem;text-align:center}.header-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;color:#32b432}.header-text{font-size:clamp(1rem,1vw,1rem);max-width:900px;margin:0 auto;line-height:1.5}.globe-container{width:100%;max-width:600px;height:400px;margin:2rem auto;display:flex;justify-content:center}@media (max-width: 768px){.globe-container{height:300px;width:100%;padding:0 1rem;box-sizing:border-box}}.card{background:#111;color:#c6cec6;border:1px solid rgb(50,180,50);padding:1.5rem;text-align:center;cursor:pointer;transition:transform .2s;min-width:150px}.card:hover{transform:scale(1.05);background:#222}@media (max-width: 768px){.card{width:80%;min-width:none}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505f2;display:flex;justify-content:center;align-items:center;z-index:10}.modal{background:#000;color:#c6cec6;border:2px solid rgb(50,180,50);padding:1.5rem;max-width:600px;width:90%;position:relative}.modal img{max-width:100%;margin:1rem 0}.modal-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:#32b432;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.modal{margin:0 1rem;padding:.5rem}}.section-wrapper{margin:2rem auto;width:90%;max-width:900px}.section{padding:2rem;margin:0 auto;border:2px solid rgb(50,180,50);background:#050505;box-sizing:border-box;border-radius:8px}.section-title{font-size:clamp(1.2rem,2vw,2rem);color:#32b432;margin-bottom:1rem;text-align:center}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;justify-items:center}@media (max-width: 768px){.section{width:95%;padding:1rem;border:None}.card-container{display:flex;flex-direction:column;align-items:center}}body{margin:0;background:#000;color:#c6cec6;font-family:monospace}a{color:#99d199;text-decoration:none}.app{display:flex;flex-direction:column;align-items:center}