:root{--page: #f7f9fc;--surface: #ffffff;--surface-soft: #eef5fa;--line: #dce5ef;--line-strong: #c7d5e3;--text: #172033;--text-soft: #4f5f73;--text-muted: #6e7b8f;--blue: #0b88b8;--blue-dark: #08739c;--blue-soft: #e7f5fb;--amber: #d87a00;--amber-dark: #b96300;--amber-soft: #fff3e4;--green-soft: #edf8f2;--shadow-sm: 0 1px 2px rgba(23, 32, 51, .06);--shadow-md: 0 12px 32px rgba(23, 32, 51, .09);--radius: 8px;--radius-lg: 12px;--container: 1120px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;background:linear-gradient(180deg,#ffffffe0,#f7f9fcf0 540px),var(--page);color:var(--text);font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:Outfit,system-ui,sans-serif;font-weight:700;line-height:1.12;letter-spacing:0}.text-gradient{color:var(--blue);background:none;-webkit-text-fill-color:currentColor}body[data-lang=de] [data-translate-lang]:not([data-translate-lang=de]),body[data-lang=en] [data-translate-lang]:not([data-translate-lang=en]),body[data-lang=uk] [data-translate-lang]:not([data-translate-lang=uk]),body[data-lang=ru] [data-translate-lang]:not([data-translate-lang=ru]){display:none!important}body[data-lang=de] [data-translate-lang=de],body[data-lang=en] [data-translate-lang=en],body[data-lang=uk] [data-translate-lang=uk],body[data-lang=ru] [data-translate-lang=ru]{display:block!important}body[data-lang=de] span[data-translate-lang=de],body[data-lang=de] a[data-translate-lang=de],body[data-lang=en] span[data-translate-lang=en],body[data-lang=en] a[data-translate-lang=en],body[data-lang=uk] span[data-translate-lang=uk],body[data-lang=uk] a[data-translate-lang=uk],body[data-lang=ru] span[data-translate-lang=ru],body[data-lang=ru] a[data-translate-lang=ru]{display:inline-flex!important}.header{position:sticky;top:0;z-index:1000;background:#ffffffeb;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-container{width:min(100% - 32px,var(--container));min-height:78px;margin:0 auto;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;gap:1rem}.brand-logo{display:inline-flex;align-items:center;justify-self:start}.logo-img{width:clamp(148px,23vw,210px);height:auto}.lang-selector{position:relative;display:inline-flex;justify-self:center;gap:.15rem;padding:.25rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:999px}.active-indicator{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;z-index:1;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);transition:width var(--transition),left var(--transition)}.lang-tab{position:relative;z-index:2;min-width:44px;min-height:36px;padding:0 .75rem;border-radius:999px;color:var(--text-soft);font-family:Outfit,system-ui,sans-serif;font-size:.82rem;font-weight:700;text-transform:uppercase}.lang-tab:hover,.lang-tab.active{color:var(--blue-dark)}.nav-actions{justify-self:end}.btn-nav-login{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font-family:Outfit,system-ui,sans-serif;font-size:.9rem;font-weight:700;box-shadow:var(--shadow-sm)}.btn-nav-login:hover{border-color:var(--blue);color:var(--blue-dark);box-shadow:0 6px 18px #0b88b824}.hero-section{position:relative;min-height:auto;padding:clamp(3.25rem,8vw,6.5rem) 1rem clamp(2rem,5vw,4rem);text-align:center;background:linear-gradient(180deg,rgba(247,249,252,.2),var(--page)),url(/assets/images/rapeseed.jpg) center 30% / cover}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd1}.hero-bg-overlay{display:none}.hero-container{position:relative;z-index:1;width:min(100%,820px);margin:0 auto}.hero-badge,.memorial-badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.25rem;padding:.42rem .78rem;border-radius:999px;background:var(--green-soft);border:1px solid #cce8d8;color:#27754b;font-family:Outfit,system-ui,sans-serif;font-size:.78rem;font-weight:700;text-transform:uppercase}.hero-title{max-width:780px;margin:0 auto 1.2rem;font-size:clamp(2.2rem,6vw,4.6rem)}.hero-subtitle{max-width:700px;margin:0 auto;color:var(--text-soft);font-size:clamp(1rem,2vw,1.18rem)}.cards-section{padding:1rem 1rem clamp(4rem,8vw,6rem);background:var(--page)}.section-container{width:min(100%,var(--container));margin:0 auto}.grid-2-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}.glass-card{position:relative;display:flex;min-height:100%;flex-direction:column;padding:clamp(1.25rem,3vw,2rem);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.glass-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue)}.card-glow-yellow:before{background:var(--amber)}.glass-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.card-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:1.35rem;border-radius:var(--radius);font-size:1.25rem}.icon-teal{background:var(--blue-soft);color:var(--blue-dark)}.icon-yellow{background:var(--amber-soft);color:var(--amber-dark)}.card-title{max-width:520px;margin-bottom:.85rem;color:var(--text);font-size:clamp(1.45rem,3vw,2rem)}.card-text{margin-bottom:1.5rem;color:var(--text-soft);font-size:1rem;line-height:1.7}.card-alert{display:flex;align-items:flex-start;gap:.7rem;margin:auto 0 1.5rem;padding:.95rem 1rem;border-radius:var(--radius);color:var(--text-soft);font-size:.9rem;font-weight:600;line-height:1.5}.alert-teal{background:var(--blue-soft);border:1px solid #c7e8f5}.alert-yellow{background:var(--amber-soft);border:1px solid #f4d8b5}.alert-teal i{color:var(--blue)}.alert-yellow i{color:var(--amber)}.card-alert i{margin-top:.2rem}.card-actions-wrapper{display:flex;flex-direction:column;gap:.9rem}.btn-guide-link{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;color:var(--text-soft);font-size:.9rem;font-weight:700}.btn-guide-link:hover{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}.btn-card-action{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.1rem;border-radius:var(--radius);color:#fff;font-family:Outfit,system-ui,sans-serif;font-size:.95rem;font-weight:800;text-align:center;text-transform:none;box-shadow:none}.btn-teal-action{background:var(--blue)}.btn-teal-action:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 10px 22px #0b88b838}.btn-yellow-action{background:var(--amber)}.btn-yellow-action:hover{background:var(--amber-dark);transform:translateY(-1px);box-shadow:0 10px 22px #d87a0038}.about-section,.memorial-section{padding:clamp(4rem,8vw,6.5rem) 1rem}.about-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f7f9fcfa),url(/assets/images/rapeseed.jpg) center 42% / cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffffff0,#ffffffc2);pointer-events:none}.about-section .section-container{position:relative;z-index:1}.about-grid{max-width:900px;margin:0 auto}.about-text-container{position:relative;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffe0;box-shadow:var(--shadow-sm)}.about-text-container:before{content:"Ehrenamtlich seit 2022";display:inline-flex;width:fit-content;margin-bottom:1rem;padding:.42rem .78rem;border:1px solid #c7e8f5;border-radius:999px;background:var(--blue-soft);color:var(--blue-dark);font-family:Outfit,system-ui,sans-serif;font-size:.78rem;font-weight:800;text-transform:uppercase}body[data-lang=en] .about-text-container:before{content:"Volunteer-led since 2022"}body[data-lang=uk] .about-text-container:before{content:"Волонтерська ініціатива з 2022 року"}body[data-lang=ru] .about-text-container:before{content:"Волонтерская инициатива с 2022 года"}.section-title,.memorial-title{margin-bottom:1.25rem;color:var(--text);font-size:clamp(1.9rem,4vw,3rem)}.about-p,.memorial-p{max-width:720px;margin-bottom:1.15rem;color:var(--text-soft);font-size:1rem;line-height:1.75}.about-p:last-child{margin-bottom:0}.about-text-container:after{content:"Deutsch | Ukrainisch | Russisch";display:flex;margin-top:1.8rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--text-muted);font-family:Outfit,system-ui,sans-serif;font-size:.9rem;font-weight:800}.about-image-container{position:relative}.image-border-decor{display:none}.about-brand-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-md)}.memorial-section{background:var(--page)}.memorial-card{max-width:980px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.memorial-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.memorial-img-wrapper{position:relative;width:220px;aspect-ratio:1}.memorial-img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-lg)}.memorial-halo{display:none}.memorial-badge{background:var(--amber-soft);border-color:#f4d8b5;color:var(--amber-dark)}.memorial-signature{margin-top:1.6rem;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.45}.memorial-signature span{color:var(--text-muted);font-size:.9rem;font-weight:500}.imprint-section{padding:clamp(3.5rem,7vw,5.5rem) 1rem;background:var(--surface);border-top:1px solid var(--line)}.imprint-card{max-width:980px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.imprint-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.imprint-header .section-title{margin-bottom:0}.imprint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,4vw,2.5rem)}.imprint-content h3{margin-bottom:.55rem;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:800}.imprint-content p{color:var(--text-soft);font-size:.95rem;line-height:1.75}.imprint-content a{color:var(--blue-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.imprint-note{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--line)}.imprint-note p+p{margin-top:.85rem}.imprint-note p+h3{margin-top:1.2rem}.imprint-creators{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--line)}.imprint-creators h3{margin-bottom:1rem;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:800}.creators-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.creator-card{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--page)}.creator-card strong{color:var(--text);font-size:.95rem}.creator-card a{display:inline-flex;align-items:center;gap:.4rem;color:var(--blue-dark);font-size:.88rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.imprint-creators>p{color:var(--text-soft);font-size:.95rem;line-height:1.75}.imprint-creators>p a{color:var(--blue-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.legal-page{background:var(--page)}.legal-hero{padding:clamp(2.5rem,6vw,5rem) 1rem clamp(2rem,4vw,3rem);background:linear-gradient(180deg,#ffffffe6,#f7f9fcf5),url(/assets/images/rapeseed.jpg) center 38% / cover;border-bottom:1px solid var(--line)}.legal-back-link{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.25rem;color:var(--blue-dark);font-family:Outfit,system-ui,sans-serif;font-size:.92rem;font-weight:800}.legal-back-link:hover{text-decoration:underline;text-underline-offset:3px}.legal-title{max-width:920px;color:var(--text);font-size:clamp(2rem,5vw,4rem)}.legal-section{padding:clamp(2.5rem,6vw,5rem) 1rem}.legal-card{max-width:980px;margin:0 auto;padding:clamp(1.25rem,4vw,2.75rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.legal-updated{width:fit-content;margin-bottom:1.35rem;padding:.42rem .78rem;border:1px solid #c7e8f5;border-radius:999px;background:var(--blue-soft);color:var(--blue-dark);font-family:Outfit,system-ui,sans-serif;font-size:.78rem;font-weight:800}.legal-card h2{margin-top:1.8rem;margin-bottom:.65rem;color:var(--text);font-size:clamp(1.2rem,2vw,1.45rem)}.legal-card h2:first-of-type{margin-top:0}.legal-card p,.legal-card li{color:var(--text-soft);font-size:.98rem;line-height:1.75}.legal-card p+p{margin-top:.85rem}.legal-card ul{margin:.75rem 0 .9rem 1.2rem}.legal-card li+li{margin-top:.45rem}.legal-card a{color:var(--blue-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.footer{padding:3rem 1rem;background:#eef3f8;border-top:1px solid var(--line);color:var(--text-soft)}.footer-container{width:min(100%,var(--container));margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-weight:800}.footer-logo{width:32px;height:32px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.5rem}.footer-link{font-weight:700}.footer-link:hover{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}.footer-copy{color:var(--text-muted);font-size:.86rem}.animate-pulse{animation:none}@media (max-width: 860px){.header-container{width:min(100% - 48px,var(--container));grid-template-columns:minmax(150px,1fr) auto;min-height:auto;gap:1.1rem 1rem;padding:1.25rem 0}.brand-logo{grid-column:1}.logo-img{width:clamp(210px,34vw,292px)}.lang-selector{grid-column:2;justify-self:end;padding:.32rem;border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #ffffff8c}.lang-tab{min-width:52px;min-height:42px;padding:0 .7rem;font-size:.92rem}.nav-actions{grid-column:1 / -1;justify-self:stretch}.btn-nav-login{width:100%;min-height:58px;border-color:var(--line-strong);font-size:1.15rem;box-shadow:0 6px 18px #17203314}.grid-2-col,.about-grid,.imprint-grid,.memorial-grid{grid-template-columns:1fr}.memorial-img-wrapper{width:min(100%,280px)}}@media (max-width: 560px){.header-container{width:min(100% - 28px,var(--container));grid-template-columns:minmax(118px,1fr) auto;gap:.75rem;justify-items:stretch;padding:.9rem 0}.brand-logo{justify-self:start}.logo-img{width:clamp(172px,48vw,220px)}.lang-selector{justify-self:end;gap:.08rem;padding:.2rem}.lang-tab{min-width:34px;min-height:32px;padding:0 .34rem;font-size:.72rem}.nav-actions{grid-column:1 / -1;justify-self:stretch}.btn-nav-login{width:100%;min-height:48px;font-size:.98rem}.hero-section{padding-top:2.5rem}.section-title{font-size:1.65rem}.legal-title{font-size:1.9rem}.glass-card{padding:1.2rem}.card-alert{padding:.85rem}.btn-card-action{width:100%;min-height:52px}}@media (max-width: 380px){.brand-logo,.lang-selector{justify-self:center}.logo-img{width:168px}.lang-selector{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.active-indicator{display:none}.lang-tab.active{background:var(--surface);box-shadow:var(--shadow-sm)}}