{"id":4445,"date":"2025-05-13T08:55:15","date_gmt":"2025-05-13T05:55:15","guid":{"rendered":"https:\/\/saekaigal.att.sch.gr\/?p=4445"},"modified":"2026-08-12T22:20:58","modified_gmt":"2026-08-12T19:20:58","slug":"support-sphere-en","status":"publish","type":"post","link":"https:\/\/saekaigal.att.sch.gr\/?p=4445","title":{"rendered":"Support Sphere (EN)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/saekaigal.att.sch.gr\/?p=4442\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/saekaigal.att.sch.gr\/wp-content\/uploads\/2021\/10\/elflag.png\" alt=\"\" class=\"wp-image-967\" style=\"width:65px;height:auto\" srcset=\"https:\/\/saekaigal.att.sch.gr\/wp-content\/uploads\/2021\/10\/elflag.png 640w, https:\/\/saekaigal.att.sch.gr\/wp-content\/uploads\/2021\/10\/elflag-300x225.png 300w, https:\/\/saekaigal.att.sch.gr\/wp-content\/uploads\/2021\/10\/elflag-360x270.png 360w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"165\" height=\"106\" src=\"https:\/\/saekaigal.att.sch.gr\/wp-content\/uploads\/2025\/05\/SS.png\" alt=\"\" class=\"wp-image-4444\" style=\"aspect-ratio:1.5566858322276278;width:265px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Support Sphere: Empowering VET Students Against NEET Risk<br>Project Number: KA220-VET-000254929<\/strong><\/p>\n\n\n\n<style>\n\/* ==========================================\n   SUPPORTSPHERE STORY SECTION\n   Scoped styles for WordPress Custom HTML\n   ========================================== *\/\n\n.ss-story {\n  --ss-navy: #17345e;\n  --ss-blue: #246fa8;\n  --ss-sky: #eaf5fb;\n  --ss-teal: #41a6a6;\n  --ss-green: #75b86b;\n  --ss-orange: #f1a54b;\n  --ss-text: #243447;\n  --ss-muted: #607080;\n  --ss-white: #ffffff;\n  --ss-light: #f7fafc;\n\n  font-family: inherit;\n  color: var(--ss-text);\n  line-height: 1.7;\n  max-width: 1180px;\n  margin: 35px auto;\n}\n\n.ss-story * {\n  box-sizing: border-box;\n}\n\n\/* HERO *\/\n\n.ss-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 72px 55px;\n  border-radius: 26px;\n  background:\n    radial-gradient(circle at 85% 20%, rgba(255,255,255,.18) 0 7%, transparent 8%),\n    radial-gradient(circle at 91% 35%, rgba(255,255,255,.10) 0 12%, transparent 13%),\n    linear-gradient(135deg, #17345e 0%, #246fa8 55%, #41a6a6 100%);\n  color: #fff;\n  box-shadow: 0 20px 60px rgba(23,52,94,.18);\n}\n\n.ss-eyebrow {\n  display: inline-block;\n  padding: 8px 15px;\n  margin-bottom: 20px;\n  border-radius: 30px;\n  background: rgba(255,255,255,.14);\n  border: 1px solid rgba(255,255,255,.25);\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: .04em;\n}\n\n.ss-hero h2 {\n  margin: 0 0 22px 0;\n  max-width: 850px;\n  font-size: clamp(34px, 5vw, 62px);\n  line-height: 1.05;\n  color: #fff;\n}\n\n.ss-hero p {\n  max-width: 820px;\n  margin: 0;\n  font-size: 19px;\n  line-height: 1.75;\n  color: rgba(255,255,255,.92);\n}\n\n.ss-highlight {\n  color: #ffe09c;\n}\n\n\/* STORY INTRO *\/\n\n.ss-story-intro {\n  max-width: 860px;\n  margin: 70px auto 30px;\n  text-align: center;\n}\n\n.ss-story-intro .ss-big-question {\n  margin-bottom: 20px;\n  font-size: clamp(28px, 4vw, 42px);\n  line-height: 1.2;\n  font-weight: 800;\n  color: var(--ss-navy);\n}\n\n.ss-story-intro p {\n  font-size: 18px;\n  color: var(--ss-muted);\n}\n\n\/* QUOTE *\/\n\n.ss-quote {\n  position: relative;\n  max-width: 840px;\n  margin: 50px auto;\n  padding: 35px 42px;\n  border-left: 6px solid var(--ss-orange);\n  border-radius: 0 20px 20px 0;\n  background: #fff8ed;\n  font-size: 23px;\n  font-weight: 600;\n  color: var(--ss-navy);\n}\n\n.ss-quote span {\n  display: block;\n  margin-top: 14px;\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--ss-muted);\n}\n\n\/* STORY PATH *\/\n\n.ss-path {\n  margin: 65px 0;\n}\n\n.ss-path-title {\n  text-align: center;\n  margin-bottom: 45px;\n}\n\n.ss-path-title h3 {\n  margin-bottom: 10px;\n  font-size: 34px;\n  color: var(--ss-navy);\n}\n\n.ss-path-title p {\n  margin: 0 auto;\n  max-width: 750px;\n  color: var(--ss-muted);\n}\n\n.ss-path-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n\n.ss-step {\n  position: relative;\n  padding: 30px 24px;\n  min-height: 270px;\n  border-radius: 20px;\n  background: #fff;\n  border: 1px solid #e8eef3;\n  box-shadow: 0 12px 32px rgba(30,70,105,.08);\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.ss-step:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 18px 40px rgba(30,70,105,.13);\n}\n\n.ss-step-number {\n  width: 48px;\n  height: 48px;\n  margin-bottom: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: var(--ss-navy);\n  color: white;\n  font-weight: 800;\n  font-size: 19px;\n}\n\n.ss-step:nth-child(2) .ss-step-number {\n  background: var(--ss-blue);\n}\n\n.ss-step:nth-child(3) .ss-step-number {\n  background: var(--ss-teal);\n}\n\n.ss-step:nth-child(4) .ss-step-number {\n  background: var(--ss-green);\n}\n\n.ss-step h4 {\n  margin: 0 0 12px;\n  font-size: 21px;\n  color: var(--ss-navy);\n}\n\n.ss-step p {\n  margin: 0;\n  font-size: 15.5px;\n  color: var(--ss-muted);\n}\n\n\/* TWO-COLUMN STORY *\/\n\n.ss-two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 38px;\n  margin: 75px 0;\n  align-items: stretch;\n}\n\n.ss-panel {\n  padding: 42px;\n  border-radius: 24px;\n}\n\n.ss-panel-light {\n  background: var(--ss-sky);\n}\n\n.ss-panel-dark {\n  color: #fff;\n  background: linear-gradient(145deg, var(--ss-navy), #245783);\n}\n\n.ss-panel h3 {\n  margin-top: 0;\n  font-size: 30px;\n  line-height: 1.2;\n}\n\n.ss-panel-light h3 {\n  color: var(--ss-navy);\n}\n\n.ss-panel-dark h3 {\n  color: #fff;\n}\n\n.ss-panel p {\n  font-size: 17px;\n}\n\n.ss-panel-light p {\n  color: var(--ss-muted);\n}\n\n.ss-panel-dark p {\n  color: rgba(255,255,255,.9);\n}\n\n\/* RESULT CARDS *\/\n\n.ss-results {\n  margin: 75px 0;\n}\n\n.ss-section-heading {\n  max-width: 780px;\n  margin: 0 auto 40px;\n  text-align: center;\n}\n\n.ss-section-heading h3 {\n  margin-bottom: 12px;\n  font-size: 35px;\n  color: var(--ss-navy);\n}\n\n.ss-section-heading p {\n  color: var(--ss-muted);\n}\n\n.ss-results-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 22px;\n}\n\n.ss-result-card {\n  display: flex;\n  gap: 20px;\n  padding: 28px;\n  background: #fff;\n  border: 1px solid #e7edf2;\n  border-radius: 20px;\n  box-shadow: 0 8px 26px rgba(25,65,95,.06);\n}\n\n.ss-result-icon {\n  flex: 0 0 54px;\n  width: 54px;\n  height: 54px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 15px;\n  background: var(--ss-sky);\n  font-size: 26px;\n}\n\n.ss-result-card h4 {\n  margin: 2px 0 7px;\n  color: var(--ss-navy);\n  font-size: 19px;\n}\n\n.ss-result-card p {\n  margin: 0;\n  color: var(--ss-muted);\n  font-size: 15px;\n}\n\n\/* COORDINATOR *\/\n\n.ss-coordinator {\n  position: relative;\n  margin: 75px 0;\n  padding: 48px;\n  overflow: hidden;\n  border-radius: 26px;\n  background: linear-gradient(135deg, #f5fafc, #e7f5f4);\n  border: 1px solid #d8ebec;\n}\n\n.ss-coordinator:after {\n  content: \"EU\";\n  position: absolute;\n  right: -15px;\n  bottom: -60px;\n  font-size: 180px;\n  font-weight: 900;\n  color: rgba(23,52,94,.035);\n}\n\n.ss-coordinator h3 {\n  position: relative;\n  z-index: 1;\n  margin-top: 0;\n  color: var(--ss-navy);\n  font-size: 31px;\n}\n\n.ss-coordinator p {\n  position: relative;\n  z-index: 1;\n  max-width: 900px;\n  font-size: 17px;\n  color: var(--ss-muted);\n}\n\n\/* COUNTRIES *\/\n\n.ss-europe-line {\n  margin: 55px auto;\n  text-align: center;\n}\n\n.ss-europe-line strong {\n  display: block;\n  margin-bottom: 18px;\n  font-size: 18px;\n  color: var(--ss-navy);\n}\n\n.ss-country {\n  display: inline-block;\n  margin: 5px;\n  padding: 9px 14px;\n  border-radius: 25px;\n  background: #f0f5f8;\n  color: var(--ss-navy);\n  font-weight: 600;\n  font-size: 14px;\n}\n\n\/* FINAL CTA *\/\n\n.ss-final {\n  padding: 58px 48px;\n  border-radius: 26px;\n  text-align: center;\n  background: #172f52;\n  color: #fff;\n}\n\n.ss-final h3 {\n  margin: 0 0 15px;\n  font-size: clamp(30px, 4vw, 43px);\n  color: #fff;\n}\n\n.ss-final p {\n  max-width: 780px;\n  margin: 0 auto 28px;\n  color: rgba(255,255,255,.88);\n  font-size: 18px;\n}\n\n.ss-btn {\n  display: inline-block;\n  margin: 5px;\n  padding: 13px 23px;\n  border-radius: 30px;\n  background: #fff;\n  color: var(--ss-navy) !important;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition: transform .2s ease, opacity .2s ease;\n}\n\n.ss-btn:hover {\n  transform: translateY(-2px);\n  opacity: .92;\n}\n\n.ss-btn-secondary {\n  background: transparent;\n  color: #fff !important;\n  border: 1px solid rgba(255,255,255,.55);\n}\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 900px) {\n  .ss-path-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ss-two-col,\n  .ss-results-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 600px) {\n  .ss-story {\n    margin: 20px auto;\n  }\n\n  .ss-hero {\n    padding: 45px 25px;\n    border-radius: 18px;\n  }\n\n  .ss-hero p {\n    font-size: 17px;\n  }\n\n  .ss-path-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ss-panel,\n  .ss-coordinator,\n  .ss-final {\n    padding: 30px 23px;\n  }\n\n  .ss-result-card {\n    flex-direction: column;\n  }\n\n  .ss-quote {\n    padding: 28px 24px;\n    font-size: 20px;\n  }\n}\n<\/style>\n\n\n<section class=\"ss-story\">\n\n  <!-- HERO -->\n  <div class=\"ss-hero\">\n    <div class=\"ss-eyebrow\">\n      Erasmus+ KA220-VET \u2022 SupportSphere\n    <\/div>\n\n    <h2>\n      Sometimes a young person&#8217;s future begins with a very simple sentence:\n      <span class=\"ss-highlight\">\u201cI am not sure what comes next.\u201d<\/span>\n    <\/h2>\n\n    <p>\n      SupportSphere starts exactly there. It creates a support environment around VET learners,\n      helping them understand their strengths, explore their career options and move from uncertainty\n      towards informed decisions about education, training and employment.\n    <\/p>\n  <\/div>\n\n\n  <!-- INTRO -->\n  <div class=\"ss-story-intro\">\n    <div class=\"ss-big-question\">\n      What if career guidance is not just about choosing a profession?\n    <\/div>\n\n    <p>\n      What if it is also about confidence, relationships, self-awareness and having the right people\n      beside you at the right moment? SupportSphere approaches career guidance as a continuous\n      process in which learners, VET trainers, peers and institutions form a circle of support.\n    <\/p>\n  <\/div>\n\n\n  <!-- QUOTE -->\n  <div class=\"ss-quote\">\n    \u201cA career decision is rarely made alone. Behind every confident step, there is knowledge,\n    reflection, experience and often someone who helps us see possibilities more clearly.\u201d\n    <span>\u2014 the idea behind SupportSphere<\/span>\n  <\/div>\n\n\n  <!-- JOURNEY -->\n  <div class=\"ss-path\">\n\n    <div class=\"ss-path-title\">\n      <h3>From uncertainty to direction<\/h3>\n      <p>\n        SupportSphere builds a practical pathway that helps VET learners become active participants\n        in their own professional future.\n      <\/p>\n    <\/div>\n\n    <div class=\"ss-path-grid\">\n\n      <div class=\"ss-step\">\n        <div class=\"ss-step-number\">1<\/div>\n        <h4>I understand myself<\/h4>\n        <p>\n          Learners explore their interests, values, skills and aspirations through reflection\n          and self-evaluation tools.\n        <\/p>\n      <\/div>\n\n      <div class=\"ss-step\">\n        <div class=\"ss-step-number\">2<\/div>\n        <h4>I see my options<\/h4>\n        <p>\n          Career guidance becomes more concrete through accessible information,\n          practical tools and links between education and the labour market.\n        <\/p>\n      <\/div>\n\n      <div class=\"ss-step\">\n        <div class=\"ss-step-number\">3<\/div>\n        <h4>I am supported<\/h4>\n        <p>\n          Trainers, tutors, peers and other members of the learner&#8217;s social environment\n          become part of a stronger career support network.\n        <\/p>\n      <\/div>\n\n      <div class=\"ss-step\">\n        <div class=\"ss-step-number\">4<\/div>\n        <h4>I move forward<\/h4>\n        <p>\n          The learner gains confidence to make informed choices and take the next step\n          towards employment, further education or training.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- TWO PERSPECTIVES -->\n  <div class=\"ss-two-col\">\n\n    <div class=\"ss-panel ss-panel-light\">\n      <h3>For VET learners<\/h3>\n      <p>\n        SupportSphere does not tell young people what they should become. Instead, it gives them\n        the space and tools to reflect on who they are, what matters to them and which professional\n        pathways they want to explore.\n      <\/p>\n\n      <p>\n        The project&#8217;s self-evaluation approach supports learners in identifying professional\n        interests, reflecting on career readiness and recognising the people, services and\n        opportunities that can support their next steps.\n      <\/p>\n    <\/div>\n\n    <div class=\"ss-panel ss-panel-dark\">\n      <h3>For VET trainers<\/h3>\n      <p>\n        The project strengthens the role of VET trainers, tutors and guidance professionals as\n        facilitators of career development. It equips them with methods, practical activities\n        and reflective tools that support inclusive, learner-centred guidance.\n      <\/p>\n\n      <p>\n        The aim is not only to provide information, but also to build self-efficacy, challenge\n        stereotypes, explore personal and professional values and support smoother transitions\n        from VET to the labour market.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n\n  <!-- RESULTS -->\n  <div class=\"ss-results\">\n\n    <div class=\"ss-section-heading\">\n      <h3>A project that turns ideas into practical resources<\/h3>\n      <p>\n        Research, training, digital tools and peer support come together to create resources that\n        VET professionals and learners can use in real educational settings.\n      <\/p>\n    <\/div>\n\n    <div class=\"ss-results-grid\">\n\n      <div class=\"ss-result-card\">\n        <div class=\"ss-result-icon\">\ud83d\udcd8<\/div>\n        <div>\n          <h4>SupportSphere Handbook<\/h4>\n          <p>\n            A practical resource for VET professionals that brings together research findings,\n            career guidance approaches, tools and strategies for supporting learners at risk\n            of disengagement.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ss-result-card\">\n        <div class=\"ss-result-icon\">\ud83e\udded<\/div>\n        <div>\n          <h4>Self-evaluation tool<\/h4>\n          <p>\n            A guided reflection journey that helps learners explore professional interests,\n            personal resources, career readiness and possible next steps.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ss-result-card\">\n        <div class=\"ss-result-icon\">\ud83c\udf93<\/div>\n        <div>\n          <h4>Training programme<\/h4>\n          <p>\n            Seven interconnected modules support VET trainers and tutors in developing\n            stronger career guidance competences through theory, reflection and practical activities.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ss-result-card\">\n        <div class=\"ss-result-icon\">\ud83c\udf10<\/div>\n        <div>\n          <h4>Digital learning and support<\/h4>\n          <p>\n            Online resources, e-learning content and recorded professional experiences expand\n            access to career guidance and allow project results to remain available beyond\n            face-to-face activities.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- COORDINATOR -->\n  <div class=\"ss-coordinator\">\n\n    <h3>SAEK Egaleo at the centre of a European collaboration<\/h3>\n\n    <p>\n      SupportSphere is coordinated by <strong>SAEK Egaleo<\/strong>, bringing together six organisations\n      from Greece, Spain, Belgium and Italy. As project coordinator, SAEK Egaleo supports the overall\n      implementation, collaboration and monitoring of the project, connecting expertise from vocational\n      education and training, research, guidance, quality assurance and European networks.\n    <\/p>\n\n    <p>\n      This European cooperation allows the project to move beyond a single national perspective and\n      develop resources that can be adapted to different VET environments while maintaining one common\n      objective: helping more young people remain connected to education, training and employment.\n    <\/p>\n\n  <\/div>\n\n\n  <!-- EUROPE -->\n  <div class=\"ss-europe-line\">\n    <strong>One support sphere \u2022 four countries \u2022 six organisations \u2022 one shared goal<\/strong>\n\n    <span class=\"ss-country\">\ud83c\uddec\ud83c\uddf7 Greece<\/span>\n    <span class=\"ss-country\">\ud83c\uddea\ud83c\uddf8 Spain<\/span>\n    <span class=\"ss-country\">\ud83c\udde7\ud83c\uddea Belgium<\/span>\n    <span class=\"ss-country\">\ud83c\uddee\ud83c\uddf9 Italy<\/span>\n  <\/div>\n\n\n  <!-- FINAL -->\n  <div class=\"ss-final\">\n\n    <h3>Because no career journey should begin without support.<\/h3>\n\n    <p>\n      SupportSphere works towards a VET environment where young people recognise their potential,\n      trainers have the tools to guide them and career decisions become informed, supported and\n      connected to real opportunities.\n    <\/p>\n\n    <a class=\"ss-btn\"\n       href=\"https:\/\/supportsphereproject.eu\/\"\n       target=\"_blank\"\n       rel=\"noopener\">\n      Explore SupportSphere\n    <\/a>\n\n    <a class=\"ss-btn ss-btn-secondary\"\n       href=\"https:\/\/saekaigal.att.sch.gr\/\"\n       target=\"_blank\"\n       rel=\"noopener\">\n      Visit SAEK Egaleo\n    <\/a>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Support Sphere: Empowering VET Students Against NEET RiskProject Number: KA220-VET-000254929 Erasmus+ KA220-VET \u2022 SupportSphere Sometimes a young person&#8217;s future begins with a very simple sentence: \u201cI am not sure what comes next.\u201d SupportSphere starts exactly there. It creates a support <a href=\"https:\/\/saekaigal.att.sch.gr\/?p=4445\" class=\"read-more\">\u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 &#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4445","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4445"}],"version-history":[{"count":6,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4445\/revisions"}],"predecessor-version":[{"id":5457,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4445\/revisions\/5457"}],"wp:attachment":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}