.upnet-support {box-sizing:border-box;width:100%;font-family:inherit;}
.upnet-support .upnet-support__hero {padding:56px 24px;background-image:url("https://www.upnet.gr/wp-content/uploads/header-image11.png");background-size:cover;background-position:center;font-family:inherit;}
.upnet-support * {box-sizing:border-box}
.upnet-support .upnet-support__inner {max-width:var(--site_width,1250px);margin:auto}
.upnet-support .upnet-support__hero h2 {margin:0 0 12px;color:white;font:inherit;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25;text-shadow:none}
.upnet-support .upnet-support__hero p {margin:0 0 24px;color:white;font-size:18px;text-shadow:none}
.upnet-support .upnet-support__button {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;border-radius:10px;background:var(--support-blue);color:white;text-decoration:none;font-weight:600;transition:transform .18s}
.upnet-support .upnet-support__button:hover {color:white;text-decoration:none;transform:translateY(-2px)}
.upnet-support .upnet-support__button:focus-visible {outline:3px solid white;outline-offset:4px;box-shadow:0 0 0 7px var(--upnet-navy)}
@media(max-width:600px){.upnet-support{padding:36px 20px}.upnet-support .upnet-support__button{width:100%}}
@media(prefers-reduced-motion:reduce){.upnet-support .upnet-support__button{transition:none}.upnet-support .upnet-support__button:hover{transform:none}}

.upnet-support .upnet-support__content {padding:36px 24px 48px;background:var(--upnet-background)}
.upnet-support .upnet-support__section-title {margin:0 0 24px;color:var(--upnet-navy);font-size:24px;line-height:1.3}
.upnet-support .upnet-support__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.upnet-support .upnet-support__card {display:flex;flex-direction:column;padding:26px;border:1px solid var(--upnet-border);border-radius:12px;background:var(--upnet-surface);text-decoration:none;transition:transform .18s,box-shadow .18s;color:var(--upnet-navy)}
.upnet-support .upnet-support__card--primary {border-color:var(--support-blue)}
.upnet-support .upnet-support__icon {display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--upnet-tint);color:var(--support-blue);margin-bottom:20px}
.upnet-support .upnet-support__icon svg {width:34px;height:34px;color:var(--support-blue)}
.upnet-support .upnet-support__card h4 {margin:0 0 12px;font-size:20px;line-height:1.3;color:var(--upnet-navy)}
.upnet-support .upnet-support__card p {margin:0 0 24px;color:var(--upnet-text);font-size:16px;line-height:1.6}
.upnet-support .upnet-support__link {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;color:var(--support-blue);font-weight:600}
.upnet-support .upnet-support__card:hover {transform:translateY(-3px);box-shadow:0 8px 24px color-mix(in srgb,var(--upnet-navy) 7%,transparent)}
.upnet-support .upnet-support__card:focus-visible {outline:3px solid var(--support-blue);outline-offset:4px}
@media(max-width:760px){.upnet-support .upnet-support__grid{grid-template-columns:1fr}.upnet-support .upnet-support__hero{padding:36px 20px}.upnet-support .upnet-support__content{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.upnet-support .upnet-support__card{transition:none}.upnet-support .upnet-support__card:hover{transform:none}}

.upnet-support .upnet-support__myupatras {display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:28px;border:1px solid var(--upnet-border);border-radius:12px;background:var(--upnet-tint)}
.upnet-support .upnet-support__myupatras h3 {margin:0 0 10px;color:var(--upnet-navy);font-size:24px;line-height:1.3}
.upnet-support .upnet-support__myupatras p {margin:0;max-width:720px;color:var(--upnet-text);font-size:16px;line-height:1.6}
.upnet-support .upnet-support__myupatras .upnet-support__button {flex-shrink:0}
@media(max-width:760px){.upnet-support .upnet-support__myupatras{flex-direction:column;align-items:stretch;padding:24px;gap:20px}}

.upnet-support .upnet-support__mylogo {display:block;width:100px;height:100px;object-fit:contain;flex-shrink:0}
.upnet-support .upnet-support__myupatras > div {flex:1;min-width:0}
