.custom-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s}.custom-card:hover{transform:translateY(-2px)}.card-image{width:100%;height:200px;object-fit:cover}.card-content{padding:1.5rem}.card-content p{margin-bottom:1rem;color:#4b5563}.grid-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.hextra-card{transition:all .2s ease-in-out}.hextra-card img{max-height:200px;object-fit:cover}@media(max-width:768px){.hextra-card-content{flex-direction:column}.hextra-card img{max-height:150px}}.challenges-head{font-size:1.5em;margin-bottom:.4em;font-weight:700}.challenges-paragraph{margin-bottom:.6em}.btn-primary{background-color:#10b981;color:#000;font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%);transition:all 150ms ease-in-out;outline:none;text-decoration:none;display:inline-block;margin-top:.3em}.btn-primary:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%)}.btn-primary:active{background-color:#4011ba;color:#fff}.btn-primary:focus{outline:none}.btn-secondary{background-color:#baad11;color:#000;font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%);transition:all 150ms ease-in-out;outline:none;text-decoration:none;display:inline-block;margin-top:.3em}.btn-secondary:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%)}.btn-secondary:active{background-color:#ba3211;color:#fff}.btn-secondary:focus{outline:none}@keyframes flash{0%,100%{opacity:1}50%{opacity:.3}}.flash{animation:flash .5s ease-in-out 4}.btn-res{background-color:#10b981;color:#fff;font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%);transition:all 150ms ease-in-out;outline:none;text-decoration:none;display:inline-block;margin-top:.3em}.btn-res:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%)}.btn-res:active{background-color:#baad11;color:#000}.btn-res:focus{outline:none}.hero-section{position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:50vh;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2}.hero-content{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;height:100%;text-align:center;max-width:1200px;margin:0 auto;padding:0 1rem}.hero-content h1{margin:0;font-size:2rem;color:#fff}.content-section{width:100%;margin-top:2rem;padding:1rem;max-width:1200px;margin-left:auto;margin-right:auto;background-color:#f0f0f0}@media(max-width:768px){.hero-section{height:40vh}.hero-content h1{font-size:1.5rem;padding:0 1rem}.content-section{margin-top:1.5rem}}