.footer{background-color:#0a0a0a;color:#fff;padding:3rem 2rem;font-family:Rubik,sans-serif;position:relative}.footer__container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto;gap:2rem}.footer__info{max-width:500px;flex:1 1 300px}.footer__title{font-size:1.8rem;color:var(--yellow-ua);margin-bottom:1rem}.footer__desc{font-size:1rem;color:#ccc;margin-bottom:1.5rem}.footer__socials{display:flex;gap:15px}.footer__socials img{width:30px;height:30px;filter:brightness(1.2);transition:transform .3s ease}.footer__socials a:hover img{transform:scale(1.2)}.footer__form{flex-grow:1;min-width:280px}.footer__form label{display:block;margin-bottom:.5rem;color:#ddd;font-size:1rem}.footer__form-group{display:flex;flex-wrap:nowrap}.footer__form-group input{flex-grow:1;padding:.7rem 1rem;border:none;border-radius:6px 0 0 6px;background-color:#fff;color:#000;font-size:1rem;min-width:0}.footer__form-group button{padding:.7rem 1.2rem;background-color:var(--yellow-ua);color:#000;font-weight:600;border:none;border-radius:0 6px 6px 0;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.footer__form-group button:hover{background-color:#e6be00}.footer__copyright{text-align:center;color:#777;margin-top:2rem;font-size:.9rem}@media (max-width: 768px){.footer__container{flex-direction:column;align-items:center;text-align:center}.footer__info,.footer__form{width:100%}.footer__form-group{flex-direction:column}.footer__form-group input,.footer__form-group button{width:100%;border-radius:6px;margin-bottom:.8rem}}.hero{position:relative;z-index:1;background:linear-gradient(to right,#0009,#0006),url(/assets/hero-bg-Bqx1J2B6.png) center/cover no-repeat fixed;color:#fff;font-family:Rubik,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:900px;height:100%;background:url(/assets/kharkiv-DnhGp9YG.png) top left / contain no-repeat;opacity:.2;filter:grayscale(100%) contrast(120%);z-index:0;pointer-events:none;box-shadow:0 0 60px #ffffff08}.hero__container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;gap:3rem;flex-wrap:wrap}.hero__content{max-width:600px}.hero__title{font-size:3rem;font-weight:700;color:gold;margin-bottom:1rem}.hero__subtitle{font-size:1.5rem;margin-bottom:1rem;color:#ccc}.hero__description{font-size:1rem;line-height:1.7;margin-bottom:2rem;color:#e0e0e0}.hero__buttons{margin-bottom:2rem}.hero__button{background-color:gold;color:#000;font-weight:600;padding:.8rem 1.8rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.hero__button:hover{background-color:#e6be00}.hero__socials{margin-top:30px;display:flex;gap:15px}.hero__social-icon img{width:36px;height:36px;transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.hero__social-icon:hover img{transform:scale(1.2)}.hero__image-wrapper{flex-shrink:0}.hero__image{width:500px;max-width:90vw}.hero__content>*{opacity:0;transform:translateY(20px);transition:all .8s ease}.hero--visible .hero__title{transition-delay:.1s;opacity:1;transform:translateY(0)}.hero--visible .hero__subtitle{transition-delay:.2s;opacity:1;transform:translateY(0)}.hero--visible .hero__description{transition-delay:.3s;opacity:1;transform:translateY(0)}.hero--visible .hero__buttons{transition-delay:.4s;opacity:1;transform:translateY(0)}.hero__buttons,.hero__socials{opacity:0;transform:translateY(20px);transition:all .8s ease}.hero--visible .hero__socials{transition-delay:.5s;opacity:1;transform:translateY(0)}.hero__image-wrapper{opacity:0;transform:translate(50px);transition:all 1s ease}.hero--visible .hero__image-wrapper{opacity:1;transform:translate(0)}.hero__content>*,.hero__image-wrapper{opacity:0;transform:translateY(40px);transition:all .7s ease}.hero__image-wrapper{transform:translate(50px)}.hero__content.visible>*{opacity:1;transform:translateY(0)}.hero__content.visible .hero__title{transition-delay:.1s}.hero__content.visible .hero__subtitle{transition-delay:.2s}.hero__content.visible .hero__description{transition-delay:.3s}.hero__content.visible .hero__buttons{transition-delay:.4s}.hero__content.visible .hero__socials{transition-delay:.5s}.hero__image-wrapper.visible{opacity:1;transform:translate(0);transition-delay:.4s}.projects{background:url(/assets/hero-bg-Bqx1J2B6.png) center/cover no-repeat fixed;color:#fff;font-family:Rubik,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.projects__container{max-width:1200px;margin:0 auto}.projects__heading{font-size:2.5rem;font-weight:700;color:var(--yellow-ua);text-align:center;margin-bottom:3rem}.projects__grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-card{background-color:#121e31;border-radius:12px;overflow:hidden;box-shadow:0 0 15px #ffffff0d;max-width:340px;display:flex;flex-direction:column;transition:transform .3s ease}.project-card:hover{transform:translateY(-6px)}.project-card__image-wrapper{height:220px;overflow:hidden}.project-card__image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.project-card__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-card__date{font-size:.9rem;color:#ccc;margin-bottom:.5rem}.project-card__title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.75rem}.project-card__desc{font-size:1rem;color:#ddd;flex-grow:1;margin-bottom:1.2rem}.project-card__button{background-color:var(--yellow-ua);color:#000;font-weight:600;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;align-self:flex-start;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.project-card__button:before{content:"";position:absolute;left:-50%;top:0;width:200%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);z-index:0;transition:all .6s ease}.project-card__button:hover:before{left:100%}.project-card__button:hover{background-color:#e6be00}.project-card{opacity:0;transform:translateY(40px);transition:all .8s ease}.project-card.visible{opacity:1;transform:translateY(0)}.volunteer-card{background-color:#0d1725;padding:6rem 2rem;color:#fff;text-align:center;position:relative}.volunteer-card__container{max-width:700px;margin:0 auto;padding:2rem;border:2px solid var(--yellow-ua);border-radius:16px;position:relative;background:linear-gradient(135deg,#ffffff05,#ffffff0d);box-shadow:0 0 20px #ffd70026}.volunteer-card__image{width:100px;height:100px;object-fit:cover;border-radius:50%;border:3px solid var(--yellow-ua);margin:-4rem auto 1rem;background-color:#fff}.volunteer-card__quote{width:32px;margin-bottom:1rem;opacity:.6}.volunteer-card__text{font-size:1.1rem;line-height:1.8;color:#ccc;font-style:italic;margin-bottom:2rem}.volunteer-card__name{font-size:1.25rem;font-weight:700;color:gold}.volunteer-card__role{font-size:1rem;color:#aaa}.volunteer-card__container{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.volunteer-card__container.visible{opacity:1;transform:translateY(0)}.volunteer-card__container{position:relative;background:linear-gradient(135deg,#ffffff05,#ffffff0d);border-radius:20px;padding:2rem;z-index:1;border:4px solid;border-image:linear-gradient(to right,#0057b7,gold,#0057b7,gold,#0057b7);border-image-slice:1;animation:ukrainian-border 6s linear infinite}@keyframes ukrainian-border{0%{border-image-source:linear-gradient(to right,#0057b7,#ffd700,#0057b7,#ffd700,#0057b7)}to{border-image-source:linear-gradient(to right,#ffd700,#0057b7,#ffd700,#0057b7,#ffd700)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html:focus-within{scroll-behavior:smooth}html,body{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;background-color:#fff;color:#000}body{overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--blue-ua: #0057b7;--yellow-ua: #ffd700;--navy: #1e2a38;--light-bg: #f5f7fa;--white: #ffffff;--text: #4b4b4b;--green: #28a745;--gray: #e5e5e5}body{background-color:var(--light-bg);color:var(--text);font-family:Rubik,sans-serif;line-height:1.6;font-size:16px}