\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n light: '#FBEFFF', \/\/ The requested soft background\n DEFAULT: '#7e22ce', \/\/ Purple 700\n dark: '#581c87', \/\/ Purple 900\n }\n },\n animation: {\n 'float': 'float 6s ease-in-out infinite',\n 'float-delayed': 'float 8s ease-in-out infinite 2s',\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n }\n }\n }\n }\n }\n <\/script>\n <style>\n \/* CRITICAL: Inherit fonts from WordPress Theme *\/\n body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, button, input {\n font-family: inherit !important;\n }\n \n \/* Smooth transitions *\/\n .hover-lift {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .hover-lift:hover {\n transform: translateY(-4px);\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n }\n\n \/* Glassmorphism for hero cards *\/\n .glass-card {\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-700 antialiased leading-relaxed bg-white\">\n\n \n <header class=\"relative bg-gradient-to-br from-brand-light via-white to-brand-light overflow-hidden pt-16 pb-20 lg:pt-24 lg:pb-32\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-purple-200 rounded-full blur-3xl opacity-30 pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-pink-100 rounded-full blur-3xl opacity-30 pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-8 items-center\">\n \n \n <div class=\"text-center lg:text-left\">\n <div class=\"inline-flex items-center px-3 py-1 mb-6 rounded-full bg-white border border-purple-100 shadow-sm text-sm font-medium text-brand-dark animate-pulse-slow\">\n <span class=\"flex h-2 w-2 rounded-full bg-green-500 mr-2\"><\/span>\n \u0395\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7\n <\/div>\n \n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-gray-900 leading-tight mb-6\">\n \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand to-brand-dark\">\n & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd\n <\/span>\n <\/h1>\n \n <p class=\"text-lg md:text-xl text-gray-700 mb-8 leading-relaxed max-w-2xl mx-auto lg:mx-0\">\n \u03a3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae, \u03b7 \u03c4\u03c1\u03bf\u03c6\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c9\u03c2 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c3\u03bf. \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03c0\u03bf\u03c5 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c5\u03b3\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-5\">\n <a href=\"https:\/\/learnnutrition.gr\/epikinonia\/\" class=\"w-full sm:w-auto text-center bg-brand hover:bg-brand-dark text-white font-bold py-4 px-8 rounded-xl shadow-xl hover:shadow-2xl hover:-translate-y-1 transition-all duration-300\">\n \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd\n <\/a>\n <div class=\"hidden sm:flex items-center gap-2 text-gray-500 text-sm font-medium px-2\">\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n \u0395\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative hidden lg:block h-[500px] w-full\">\n \n <div class=\"absolute top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 w-[450px] h-[450px] bg-white\/40 rounded-full border border-white\/60 shadow-xl flex items-center justify-center\">\n <div class=\"w-[350px] h-[350px] bg-white rounded-full shadow-inner flex items-center justify-center relative\">\n \n <svg class=\"w-32 h-32 text-brand opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4.8 2.3A.3.3 0 0 0 5 2h14a.3.3 0 0 0 .2.3l-3.6 5a.3.3 0 0 1-.3.2H8.7a.3.3 0 0 1-.3-.2Z\"\/>\n <path d=\"M6 16v-6a6 6 0 0 1 12 0v6\"\/>\n <path d=\"M19 16v4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-4\"\/>\n <path d=\"M12 17v5\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute top-20 right-10 glass-card p-4 rounded-2xl shadow-lg border border-white animate-float z-20 flex items-center gap-3 w-48\">\n <div class=\"bg-red-100 p-2.5 rounded-full text-red-600\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n <\/div>\n <div>\n <p class=\"font-bold text-gray-800 text-sm leading-tight\">\u03a5\u03b3\u03b5\u03af\u03b1 \u039a\u03b1\u03c1\u03b4\u03b9\u03ac\u03c2<\/p>\n <p class=\"text-xs text-gray-500\">\u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute bottom-24 left-4 glass-card p-4 rounded-2xl shadow-lg border border-white animate-float-delayed z-20 flex items-center gap-3 w-52\">\n <div class=\"bg-blue-100 p-2.5 rounded-full text-blue-600\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\n <\/div>\n <div>\n <p class=\"font-bold text-gray-800 text-sm leading-tight\">\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0395\u03b9\u03ba\u03cc\u03bd\u03b1<\/p>\n <p class=\"text-xs text-gray-500\">\u0392\u03ac\u03c3\u03b5\u03b9 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute top-1\/4 left-1\/4 w-4 h-4 bg-brand rounded-full opacity-20 animate-pulse\"><\/div>\n <div class=\"absolute bottom-1\/3 right-1\/4 w-6 h-6 bg-green-400 rounded-full opacity-20 animate-pulse delay-700\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white relative\">\n <div class=\"max-w-6xl mx-auto flex flex-col md:flex-row items-center gap-12\">\n <div class=\"flex-1 order-2 md:order-1\">\n <h2 class=\"text-3xl font-bold text-brand-dark mb-6 relative inline-block\">\n \u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03bc\u03b1\u03c2\n <span class=\"absolute bottom-0 left-0 w-full h-2 bg-brand-light -z-10 transform translate-y-1\"><\/span>\n <\/h2>\n <p class=\"text-lg leading-loose text-gray-600\">\n \u039a\u03b1\u03c4\u03b1\u03bd\u03bf\u03bf\u03cd\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03ac\u03b8\u03b7\u03c3\u03b7 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af \u03b5\u03b9\u03b4\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7, \u03b3\u03b9' \u03b1\u03c5\u03c4\u03cc \u03ba\u03b1\u03b9 \u03c3\u03c4\u03cc\u03c7\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03b7 \u03ba\u03ac\u03bb\u03c5\u03c8\u03b7 \u03c4\u03c9\u03bd \u03b8\u03c1\u03b5\u03c0\u03c4\u03b9\u03ba\u03ce\u03bd \u03b1\u03bd\u03b1\u03b3\u03ba\u03ce\u03bd, \u03b1\u03bb\u03bb\u03ac \u03b7 \u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b2\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c5\u03b3\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b7 \u03b1\u03bd\u03b1\u03ba\u03bf\u03cd\u03c6\u03b9\u03c3\u03b7 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c3\u03c5\u03bc\u03c0\u03c4\u03ce\u03bc\u03b1\u03c4\u03b1, \u03c0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03b1\u03b3\u03c9\u03b3\u03ae \u03c0\u03bf\u03c5 \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc\u03bd \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03c4\u03b5.\n <\/p>\n <\/div>\n <div class=\"flex-1 flex justify-center order-1 md:order-2\">\n \n <div class=\"bg-brand-light p-10 rounded-full shadow-inner transform hover:scale-105 transition-transform duration-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7e22ce\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-brand-light bg-opacity-40\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-3xl font-bold text-brand-dark mb-12 text-center\">\n \u03a3\u03b5 \u03c0\u03bf\u03b9\u03bf\u03c5\u03c2 \u03b1\u03c0\u03b5\u03c5\u03b8\u03cd\u03bd\u03b5\u03c4\u03b1\u03b9\n <\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u03a3\u03b1\u03ba\u03c7\u03b1\u03c1\u03ce\u03b4\u03b7 \u0394\u03b9\u03b1\u03b2\u03ae\u03c4\u03b7<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u0394\u03b9\u03b1\u03b2\u03ae\u03c4\u03b7 \u03c4\u03cd\u03c0\u03bf\u03c5 1, \u03c4\u03cd\u03c0\u03bf\u03c5 2, \u03b4\u03b9\u03b1\u03b2\u03ae\u03c4\u03b7 \u03ba\u03c5\u03ae\u03c3\u03b5\u03c9\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03c4\u03af\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b9\u03bd\u03c3\u03bf\u03c5\u03bb\u03af\u03bd\u03b7.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u039a\u03b1\u03c1\u03b4\u03b9\u03b1\u03b3\u03b3\u03b5\u03b9\u03b1\u03ba\u03ac \u039d\u03bf\u03c3\u03ae\u03bc\u03b1\u03c4\u03b1<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03c5\u03c0\u03ad\u03c1\u03c4\u03b1\u03c3\u03b7\u03c2, \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c7\u03bf\u03bb\u03b7\u03c3\u03c4\u03b5\u03c1\u03cc\u03bb\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03c1\u03b9\u03b3\u03bb\u03c5\u03ba\u03b5\u03c1\u03b9\u03b4\u03af\u03c9\u03bd.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u03a0\u03b5\u03c0\u03c4\u03b9\u03ba\u03ac\/\u0393\u03b1\u03c3\u03c4\u03c1\u03b5\u03bd\u03c4\u03b5\u03c1\u03b9\u03ba\u03ac<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u03a3\u03cd\u03bd\u03b4\u03c1\u03bf\u03bc\u03bf \u0395\u03c5\u03b5\u03c1\u03ad\u03b8\u03b9\u03c3\u03c4\u03bf\u03c5 \u0395\u03bd\u03c4\u03ad\u03c1\u03bf\u03c5 (\u03a3\u03c0\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u039a\u03bf\u03bb\u03af\u03c4\u03b9\u03b4\u03b1), \u0393\u03b1\u03c3\u03c4\u03c1\u03bf\u03bf\u03b9\u03c3\u03bf\u03c6\u03b1\u03b3\u03b9\u03ba\u03ae \u03a0\u03b1\u03bb\u03b9\u03bd\u03b4\u03c1\u03cc\u03bc\u03b7\u03c3\u03b7 (\u0393\u039f\u03a0), \u03ba\u03bf\u03b9\u03bb\u03b9\u03bf\u03ba\u03ac\u03ba\u03b7 \u03ba\u03b1\u03b9 \u03c6\u03bb\u03b5\u03b3\u03bc\u03bf\u03bd\u03ce\u03b4\u03b5\u03b9\u03c2 \u03bd\u03cc\u03c3\u03bf\u03c5\u03c2 \u03c4\u03bf\u03c5 \u03b5\u03bd\u03c4\u03ad\u03c1\u03bf\u03c5.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12h8\"\/><path d=\"M12 8v8\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u0386\u03bb\u03bb\u03b5\u03c2 \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u0398\u03c5\u03c1\u03b5\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03ac\u03b8\u03b5\u03b9\u03b5\u03c2, \u03b1\u03bd\u03b1\u03b9\u03bc\u03af\u03b1, \u03bd\u03b5\u03c6\u03c1\u03b9\u03ba\u03ad\u03c2 \u03c0\u03b1\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-12\">\n <span class=\"text-brand font-semibold tracking-wider text-sm uppercase\">\u0397 \u039c\u03b5\u03b8\u03bf\u03b4\u03bf\u03c2 \u03bc\u03b1\u03c2<\/span>\n <h2 class=\"text-3xl font-bold text-brand-dark mt-2\">\n \u03a4\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b7 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1\n <\/h2>\n <div class=\"w-16 h-1 bg-brand mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n \n <p class=\"text-center text-lg text-gray-600 mb-12 max-w-2xl mx-auto\">\n \u0397 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03ae \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c5\u03c3\u03c4\u03b7\u03c1\u03ac \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03ba\u03b1\u03b9 \u03b2\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03c9\u03c4\u03cc\u03ba\u03bf\u03bb\u03bb\u03b1:\n <\/p>\n\n <div class=\"space-y-6\">\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7 \u0399\u03b1\u03c4\u03c1\u03b9\u03ba\u03bf\u03cd \u0399\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03bf\u03cd<\/h3>\n <p class=\"text-gray-600\">\u039b\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03ae\u03c2 \u03ba\u03b1\u03c4\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae \u03c4\u03b7\u03c2 \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03b1\u03b3\u03c9\u03b3\u03ae\u03c2.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0395\u03c1\u03bc\u03b7\u03bd\u03b5\u03af\u03b1 \u0395\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd<\/h3>\n <p class=\"text-gray-600\">\u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b2\u03b9\u03bf\u03c7\u03b7\u03bc\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b1\u03b9\u03bc\u03b1\u03c4\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ce\u03bd \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03ba\u03b1\u03b8\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc \u03c4\u03c9\u03bd \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03b9\u03ba\u03ce\u03bd \u03c3\u03c4\u03cc\u03c7\u03c9\u03bd.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03a0\u03bb\u03ac\u03bd\u03bf \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2<\/h3>\n <p class=\"text-gray-600\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b4\u03b9\u03b1\u03b9\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5 \u03c3\u03c4\u03b7\u03bd \u03c0\u03ac\u03b8\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 (\u03c0.\u03c7. \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03bc\u03ae \u03c5\u03b4\u03b1\u03c4\u03b1\u03bd\u03b8\u03c1\u03ac\u03ba\u03c9\u03bd, \u03b4\u03af\u03b1\u03b9\u03c4\u03b1 \u03c7\u03b1\u03bc\u03b7\u03bb\u03ce\u03bd FODMAPs, \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03bb\u03b1\u03c4\u03b9\u03bf\u03cd).<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.8 2.3A.3.3 0 0 0 5 2h14a.3.3 0 0 0 .2.3l-3.6 5a.3.3 0 0 1-.3.2H8.7a.3.3 0 0 1-.3-.2Z\"\/><path d=\"M6 16v-6a6 6 0 0 1 12 0v6\"\/><path d=\"M19 16v4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-4\"\/><path d=\"M12 17v5\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u0398\u03b5\u03c1\u03ac\u03c0\u03bf\u03bd\u03c4\u03b1 \u0399\u03b1\u03c4\u03c1\u03cc<\/h3>\n <p class=\"text-gray-600\">\u0395\u03c6\u03cc\u03c3\u03bf\u03bd \u03c7\u03c1\u03b5\u03b9\u03b1\u03c3\u03c4\u03b5\u03af, \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03bf\u03cd\u03bc\u03b5 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b3\u03b9\u03b1\u03c4\u03c1\u03cc \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b2\u03ad\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-brand-light bg-opacity-20\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-3xl font-bold text-brand-dark mb-12 text-center\">\n \u03a4\u03b9 \u03bc\u03b1\u03c2 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03be\u03b5\u03c7\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n \n <div class=\"p-6\">\n <div class=\"bg-white w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 shadow-md text-brand transform hover:scale-110 transition-transform\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u0395\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7<br>(MSc \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae\u03c2 \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2)<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0397 \u03b3\u03bd\u03ce\u03c3\u03b7 \u03bc\u03b1\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c6\u03b1\u03bd\u03b5\u03b9\u03b1\u03ba\u03ae, \u03b1\u03bb\u03bb\u03ac \u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03bc\u03b5\u03c4\u03b1\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ae \u03b5\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03ae \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7.\n <\/p>\n <\/div>\n\n \n <div class=\"p-6\">\n <div class=\"bg-white w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 shadow-md text-brand transform hover:scale-110 transition-transform\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 1-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u0395\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7 & \u0391\u03c5\u03c4\u03bf\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u03a3\u03b1\u03c2 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03ce\u03c2 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03ac\u03b8\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 (\u03c0.\u03c7. \u03b9\u03c3\u03bf\u03b4\u03cd\u03bd\u03b1\u03bc\u03b1 \u03b9\u03bd\u03c3\u03bf\u03c5\u03bb\u03af\u03bd\u03b7\u03c2, \u03b5\u03c4\u03b9\u03ba\u03ad\u03c4\u03b5\u03c2 \u03c4\u03c1\u03bf\u03c6\u03af\u03bc\u03c9\u03bd).\n <\/p>\n <\/div>\n\n \n <div class=\"p-6\">\n <div class=\"bg-white w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 shadow-md text-brand transform hover:scale-110 transition-transform\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\"\/><line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u039f\u03bb\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0392\u03bb\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03bd \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf \u03c0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c3\u03b8\u03ad\u03bd\u03b5\u03b9\u03b1, \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1 \u03c3\u03c4\u03bf\u03bd \u03c4\u03c1\u03cc\u03c0\u03bf \u03b6\u03c9\u03ae\u03c2 \u03c3\u03b1\u03c2.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n <div class=\"max-w-4xl mx-auto bg-gray-50 border-l-4 border-brand-dark rounded-r-lg p-8 md:p-12 shadow-sm\">\n <h2 class=\"text-3xl font-bold mb-8 text-brand-dark\">\n \u03a4\u03bf \u0391\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1\n <\/h2>\n <p class=\"mb-8 text-lg font-medium text-gray-800\">\u039c\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b1\u03c2, \u03c3\u03c4\u03bf\u03c7\u03b5\u03cd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7:<\/p>\n <ul class=\"space-y-5\">\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b5\u03c0\u03b9\u03c0\u03ad\u03b4\u03c9\u03bd \u03c3\u03b1\u03ba\u03c7\u03ac\u03c1\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bb\u03b9\u03c0\u03b9\u03b4\u03af\u03c9\u03bd \u03c3\u03c4\u03bf \u03b1\u03af\u03bc\u03b1.<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b5\u03bd\u03bf\u03c7\u03bb\u03b7\u03c4\u03b9\u03ba\u03ce\u03bd \u03c3\u03c5\u03bc\u03c0\u03c4\u03c9\u03bc\u03ac\u03c4\u03c9\u03bd (\u03c6\u03bf\u03cd\u03c3\u03ba\u03c9\u03bc\u03b1, \u03c0\u03cc\u03bd\u03bf\u03c2, \u03ba\u03cc\u03c0\u03c9\u03c3\u03b7).<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u03a0\u03b9\u03b8\u03b1\u03bd\u03ae \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03b1\u03b3\u03c9\u03b3\u03ae\u03c2 (\u03c0\u03ac\u03bd\u03c4\u03b1 \u03c3\u03b5 \u03c3\u03c5\u03bd\u03b5\u03bd\u03bd\u03cc\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b3\u03b9\u03b1\u03c4\u03c1\u03cc \u03c3\u03b1\u03c2).<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03b6\u03c9\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03c8\u03c5\u03c7\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 px-4 relative overflow-hidden bg-gradient-to-br from-brand via-purple-800 to-brand-dark text-white text-center\">\n \n <div class=\"absolute top-0 left-0 -translate-x-1\/2 -translate-y-1\/2 w-96 h-96 bg-purple-500 rounded-full blur-[100px] opacity-40\"><\/div>\n <div class=\"absolute bottom-0 right-0 translate-x-1\/2 translate-y-1\/2 w-96 h-96 bg-pink-500 rounded-full blur-[100px] opacity-30\"><\/div>\n\n <div class=\"max-w-4xl mx-auto relative z-10\">\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-6 tracking-tight drop-shadow-md\">\n \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1\n <\/h2>\n <div class=\"w-24 h-1.5 bg-pink-400 mx-auto mb-8 rounded-full\"><\/div>\n \n <p class=\"text-xl md:text-2xl mb-12 leading-relaxed font-light text-purple-50\">\n \u0397 \u03c5\u03b3\u03b5\u03af\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03bf\u03bb\u03c5\u03c4\u03b9\u03bc\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03b3\u03b1\u03b8\u03cc. <br class=\"hidden md:block\" \/>\n \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03c4\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c5\u03b3\u03b5\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7.\n <\/p>\n \n \n <div class=\"inline-block relative group\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-pink-400 to-purple-400 rounded-xl blur opacity-30 group-hover:opacity-100 transition duration-200\"><\/div>\n <a href=\"https:\/\/learnnutrition.gr\/epikinonia\/\" class=\"relative block bg-white hover:bg-gray-50 text-brand-dark font-black py-5 px-12 rounded-xl shadow-2xl hover:shadow-xl hover:-translate-y-1 text-lg md:text-xl no-underline transition-all duration-300 border-2 border-transparent\">\n \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03a4\u03ce\u03c1\u03b1\n <svg class=\"inline-block w-5 h-5 ml-2 -mt-1 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-50 py-8 text-center text-sm text-gray-400\">\n <p>© Learn Nutrition<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd \u0395\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7 \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd \u03a3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae, \u03b7 \u03c4\u03c1\u03bf\u03c6\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c9\u03c2 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c3\u03bf. \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03c0\u03bf\u03c5 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c5\u03b3\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7. \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u0395\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1 \u03a5\u03b3\u03b5\u03af\u03b1 \u039a\u03b1\u03c1\u03b4\u03b9\u03ac\u03c2 \u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0395\u03b9\u03ba\u03cc\u03bd\u03b1 \u0392\u03ac\u03c3\u03b5\u03b9 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd \u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03bc\u03b1\u03c2 \u039a\u03b1\u03c4\u03b1\u03bd\u03bf\u03bf\u03cd\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03ac\u03b8\u03b7\u03c3\u03b7 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af \u03b5\u03b9\u03b4\u03b9\u03ba\u03ae […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9967","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages\/9967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/comments?post=9967"}],"version-history":[{"count":0,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages\/9967\/revisions"}],"wp:attachment":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/media?parent=9967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n light: '#FBEFFF', \/\/ The requested soft background\n DEFAULT: '#7e22ce', \/\/ Purple 700\n dark: '#581c87', \/\/ Purple 900\n }\n },\n animation: {\n 'float': 'float 6s ease-in-out infinite',\n 'float-delayed': 'float 8s ease-in-out infinite 2s',\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n }\n }\n }\n }\n }\n <\/script>\n <style>\n \/* CRITICAL: Inherit fonts from WordPress Theme *\/\n body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, button, input {\n font-family: inherit !important;\n }\n \n \/* Smooth transitions *\/\n .hover-lift {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .hover-lift:hover {\n transform: translateY(-4px);\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n }\n\n \/* Glassmorphism for hero cards *\/\n .glass-card {\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-700 antialiased leading-relaxed bg-white\">\n\n \n <header class=\"relative bg-gradient-to-br from-brand-light via-white to-brand-light overflow-hidden pt-16 pb-20 lg:pt-24 lg:pb-32\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-purple-200 rounded-full blur-3xl opacity-30 pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-80 h-80 bg-pink-100 rounded-full blur-3xl opacity-30 pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-8 items-center\">\n \n \n <div class=\"text-center lg:text-left\">\n <div class=\"inline-flex items-center px-3 py-1 mb-6 rounded-full bg-white border border-purple-100 shadow-sm text-sm font-medium text-brand-dark animate-pulse-slow\">\n <span class=\"flex h-2 w-2 rounded-full bg-green-500 mr-2\"><\/span>\n \u0395\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7\n <\/div>\n \n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-gray-900 leading-tight mb-6\">\n \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand to-brand-dark\">\n & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd\n <\/span>\n <\/h1>\n \n <p class=\"text-lg md:text-xl text-gray-700 mb-8 leading-relaxed max-w-2xl mx-auto lg:mx-0\">\n \u03a3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae, \u03b7 \u03c4\u03c1\u03bf\u03c6\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c9\u03c2 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c3\u03bf. \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03c0\u03bf\u03c5 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c5\u03b3\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-5\">\n <a href=\"https:\/\/learnnutrition.gr\/epikinonia\/\" class=\"w-full sm:w-auto text-center bg-brand hover:bg-brand-dark text-white font-bold py-4 px-8 rounded-xl shadow-xl hover:shadow-2xl hover:-translate-y-1 transition-all duration-300\">\n \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd\n <\/a>\n <div class=\"hidden sm:flex items-center gap-2 text-gray-500 text-sm font-medium px-2\">\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n \u0395\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"relative hidden lg:block h-[500px] w-full\">\n \n <div class=\"absolute top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 w-[450px] h-[450px] bg-white\/40 rounded-full border border-white\/60 shadow-xl flex items-center justify-center\">\n <div class=\"w-[350px] h-[350px] bg-white rounded-full shadow-inner flex items-center justify-center relative\">\n \n <svg class=\"w-32 h-32 text-brand opacity-90\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4.8 2.3A.3.3 0 0 0 5 2h14a.3.3 0 0 0 .2.3l-3.6 5a.3.3 0 0 1-.3.2H8.7a.3.3 0 0 1-.3-.2Z\"\/>\n <path d=\"M6 16v-6a6 6 0 0 1 12 0v6\"\/>\n <path d=\"M19 16v4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-4\"\/>\n <path d=\"M12 17v5\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute top-20 right-10 glass-card p-4 rounded-2xl shadow-lg border border-white animate-float z-20 flex items-center gap-3 w-48\">\n <div class=\"bg-red-100 p-2.5 rounded-full text-red-600\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n <\/div>\n <div>\n <p class=\"font-bold text-gray-800 text-sm leading-tight\">\u03a5\u03b3\u03b5\u03af\u03b1 \u039a\u03b1\u03c1\u03b4\u03b9\u03ac\u03c2<\/p>\n <p class=\"text-xs text-gray-500\">\u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute bottom-24 left-4 glass-card p-4 rounded-2xl shadow-lg border border-white animate-float-delayed z-20 flex items-center gap-3 w-52\">\n <div class=\"bg-blue-100 p-2.5 rounded-full text-blue-600\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\n <\/div>\n <div>\n <p class=\"font-bold text-gray-800 text-sm leading-tight\">\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0395\u03b9\u03ba\u03cc\u03bd\u03b1<\/p>\n <p class=\"text-xs text-gray-500\">\u0392\u03ac\u03c3\u03b5\u03b9 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"absolute top-1\/4 left-1\/4 w-4 h-4 bg-brand rounded-full opacity-20 animate-pulse\"><\/div>\n <div class=\"absolute bottom-1\/3 right-1\/4 w-6 h-6 bg-green-400 rounded-full opacity-20 animate-pulse delay-700\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white relative\">\n <div class=\"max-w-6xl mx-auto flex flex-col md:flex-row items-center gap-12\">\n <div class=\"flex-1 order-2 md:order-1\">\n <h2 class=\"text-3xl font-bold text-brand-dark mb-6 relative inline-block\">\n \u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03bc\u03b1\u03c2\n <span class=\"absolute bottom-0 left-0 w-full h-2 bg-brand-light -z-10 transform translate-y-1\"><\/span>\n <\/h2>\n <p class=\"text-lg leading-loose text-gray-600\">\n \u039a\u03b1\u03c4\u03b1\u03bd\u03bf\u03bf\u03cd\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03ac\u03b8\u03b7\u03c3\u03b7 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af \u03b5\u03b9\u03b4\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7, \u03b3\u03b9' \u03b1\u03c5\u03c4\u03cc \u03ba\u03b1\u03b9 \u03c3\u03c4\u03cc\u03c7\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03b7 \u03ba\u03ac\u03bb\u03c5\u03c8\u03b7 \u03c4\u03c9\u03bd \u03b8\u03c1\u03b5\u03c0\u03c4\u03b9\u03ba\u03ce\u03bd \u03b1\u03bd\u03b1\u03b3\u03ba\u03ce\u03bd, \u03b1\u03bb\u03bb\u03ac \u03b7 \u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b2\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c5\u03b3\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b7 \u03b1\u03bd\u03b1\u03ba\u03bf\u03cd\u03c6\u03b9\u03c3\u03b7 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c3\u03c5\u03bc\u03c0\u03c4\u03ce\u03bc\u03b1\u03c4\u03b1, \u03c0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03b1\u03b3\u03c9\u03b3\u03ae \u03c0\u03bf\u03c5 \u03c0\u03b9\u03b8\u03b1\u03bd\u03cc\u03bd \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03c4\u03b5.\n <\/p>\n <\/div>\n <div class=\"flex-1 flex justify-center order-1 md:order-2\">\n \n <div class=\"bg-brand-light p-10 rounded-full shadow-inner transform hover:scale-105 transition-transform duration-500\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7e22ce\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-brand-light bg-opacity-40\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-3xl font-bold text-brand-dark mb-12 text-center\">\n \u03a3\u03b5 \u03c0\u03bf\u03b9\u03bf\u03c5\u03c2 \u03b1\u03c0\u03b5\u03c5\u03b8\u03cd\u03bd\u03b5\u03c4\u03b1\u03b9\n <\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u03a3\u03b1\u03ba\u03c7\u03b1\u03c1\u03ce\u03b4\u03b7 \u0394\u03b9\u03b1\u03b2\u03ae\u03c4\u03b7<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u0394\u03b9\u03b1\u03b2\u03ae\u03c4\u03b7 \u03c4\u03cd\u03c0\u03bf\u03c5 1, \u03c4\u03cd\u03c0\u03bf\u03c5 2, \u03b4\u03b9\u03b1\u03b2\u03ae\u03c4\u03b7 \u03ba\u03c5\u03ae\u03c3\u03b5\u03c9\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03c4\u03af\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b9\u03bd\u03c3\u03bf\u03c5\u03bb\u03af\u03bd\u03b7.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u039a\u03b1\u03c1\u03b4\u03b9\u03b1\u03b3\u03b3\u03b5\u03b9\u03b1\u03ba\u03ac \u039d\u03bf\u03c3\u03ae\u03bc\u03b1\u03c4\u03b1<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03c5\u03c0\u03ad\u03c1\u03c4\u03b1\u03c3\u03b7\u03c2, \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c7\u03bf\u03bb\u03b7\u03c3\u03c4\u03b5\u03c1\u03cc\u03bb\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03c1\u03b9\u03b3\u03bb\u03c5\u03ba\u03b5\u03c1\u03b9\u03b4\u03af\u03c9\u03bd.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u03a0\u03b5\u03c0\u03c4\u03b9\u03ba\u03ac\/\u0393\u03b1\u03c3\u03c4\u03c1\u03b5\u03bd\u03c4\u03b5\u03c1\u03b9\u03ba\u03ac<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u03a3\u03cd\u03bd\u03b4\u03c1\u03bf\u03bc\u03bf \u0395\u03c5\u03b5\u03c1\u03ad\u03b8\u03b9\u03c3\u03c4\u03bf\u03c5 \u0395\u03bd\u03c4\u03ad\u03c1\u03bf\u03c5 (\u03a3\u03c0\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u039a\u03bf\u03bb\u03af\u03c4\u03b9\u03b4\u03b1), \u0393\u03b1\u03c3\u03c4\u03c1\u03bf\u03bf\u03b9\u03c3\u03bf\u03c6\u03b1\u03b3\u03b9\u03ba\u03ae \u03a0\u03b1\u03bb\u03b9\u03bd\u03b4\u03c1\u03cc\u03bc\u03b7\u03c3\u03b7 (\u0393\u039f\u03a0), \u03ba\u03bf\u03b9\u03bb\u03b9\u03bf\u03ba\u03ac\u03ba\u03b7 \u03ba\u03b1\u03b9 \u03c6\u03bb\u03b5\u03b3\u03bc\u03bf\u03bd\u03ce\u03b4\u03b5\u03b9\u03c2 \u03bd\u03cc\u03c3\u03bf\u03c5\u03c2 \u03c4\u03bf\u03c5 \u03b5\u03bd\u03c4\u03ad\u03c1\u03bf\u03c5.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-xl shadow-sm hover-lift border border-gray-100 group\">\n <div class=\"flex items-center mb-4 text-brand group-hover:text-brand-dark transition-colors\">\n <div class=\"p-3 bg-brand-light rounded-lg mr-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12h8\"\/><path d=\"M12 8v8\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900\">\u0386\u03bb\u03bb\u03b5\u03c2 \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2<\/h3>\n <\/div>\n <p class=\"text-gray-600 pl-2 border-l-2 border-transparent group-hover:border-brand-light transition-all\">\n \u0398\u03c5\u03c1\u03b5\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03ac\u03b8\u03b5\u03b9\u03b5\u03c2, \u03b1\u03bd\u03b1\u03b9\u03bc\u03af\u03b1, \u03bd\u03b5\u03c6\u03c1\u03b9\u03ba\u03ad\u03c2 \u03c0\u03b1\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-12\">\n <span class=\"text-brand font-semibold tracking-wider text-sm uppercase\">\u0397 \u039c\u03b5\u03b8\u03bf\u03b4\u03bf\u03c2 \u03bc\u03b1\u03c2<\/span>\n <h2 class=\"text-3xl font-bold text-brand-dark mt-2\">\n \u03a4\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b7 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1\n <\/h2>\n <div class=\"w-16 h-1 bg-brand mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n \n <p class=\"text-center text-lg text-gray-600 mb-12 max-w-2xl mx-auto\">\n \u0397 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03ae \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c5\u03c3\u03c4\u03b7\u03c1\u03ac \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03ba\u03b1\u03b9 \u03b2\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03c9\u03c4\u03cc\u03ba\u03bf\u03bb\u03bb\u03b1:\n <\/p>\n\n <div class=\"space-y-6\">\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0391\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7 \u0399\u03b1\u03c4\u03c1\u03b9\u03ba\u03bf\u03cd \u0399\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03bf\u03cd<\/h3>\n <p class=\"text-gray-600\">\u039b\u03b5\u03c0\u03c4\u03bf\u03bc\u03b5\u03c1\u03ae\u03c2 \u03ba\u03b1\u03c4\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae \u03c4\u03b7\u03c2 \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03b1\u03b3\u03c9\u03b3\u03ae\u03c2.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0395\u03c1\u03bc\u03b7\u03bd\u03b5\u03af\u03b1 \u0395\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd<\/h3>\n <p class=\"text-gray-600\">\u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b2\u03b9\u03bf\u03c7\u03b7\u03bc\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b1\u03b9\u03bc\u03b1\u03c4\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ce\u03bd \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03ba\u03b1\u03b8\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc \u03c4\u03c9\u03bd \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03b9\u03ba\u03ce\u03bd \u03c3\u03c4\u03cc\u03c7\u03c9\u03bd.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03a0\u03bb\u03ac\u03bd\u03bf \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2<\/h3>\n <p class=\"text-gray-600\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b4\u03b9\u03b1\u03b9\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03bf\u03c5 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5 \u03c3\u03c4\u03b7\u03bd \u03c0\u03ac\u03b8\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 (\u03c0.\u03c7. \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03bc\u03ae \u03c5\u03b4\u03b1\u03c4\u03b1\u03bd\u03b8\u03c1\u03ac\u03ba\u03c9\u03bd, \u03b4\u03af\u03b1\u03b9\u03c4\u03b1 \u03c7\u03b1\u03bc\u03b7\u03bb\u03ce\u03bd FODMAPs, \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03bb\u03b1\u03c4\u03b9\u03bf\u03cd).<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col sm:flex-row gap-6 items-start bg-gray-50 p-6 rounded-xl hover:bg-brand-light hover:bg-opacity-30 transition-colors\">\n <div class=\"flex-shrink-0 bg-white p-3 rounded-full shadow-sm text-brand\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.8 2.3A.3.3 0 0 0 5 2h14a.3.3 0 0 0 .2.3l-3.6 5a.3.3 0 0 1-.3.2H8.7a.3.3 0 0 1-.3-.2Z\"\/><path d=\"M6 16v-6a6 6 0 0 1 12 0v6\"\/><path d=\"M19 16v4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-4\"\/><path d=\"M12 17v5\"\/><\/svg>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-2 text-gray-900\">\u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u0398\u03b5\u03c1\u03ac\u03c0\u03bf\u03bd\u03c4\u03b1 \u0399\u03b1\u03c4\u03c1\u03cc<\/h3>\n <p class=\"text-gray-600\">\u0395\u03c6\u03cc\u03c3\u03bf\u03bd \u03c7\u03c1\u03b5\u03b9\u03b1\u03c3\u03c4\u03b5\u03af, \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03bf\u03cd\u03bc\u03b5 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b3\u03b9\u03b1\u03c4\u03c1\u03cc \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b2\u03ad\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-brand-light bg-opacity-20\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-3xl font-bold text-brand-dark mb-12 text-center\">\n \u03a4\u03b9 \u03bc\u03b1\u03c2 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03be\u03b5\u03c7\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n \n <div class=\"p-6\">\n <div class=\"bg-white w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 shadow-md text-brand transform hover:scale-110 transition-transform\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u0395\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7<br>(MSc \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae\u03c2 \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae\u03c2)<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0397 \u03b3\u03bd\u03ce\u03c3\u03b7 \u03bc\u03b1\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c6\u03b1\u03bd\u03b5\u03b9\u03b1\u03ba\u03ae, \u03b1\u03bb\u03bb\u03ac \u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03bc\u03b5\u03c4\u03b1\u03c0\u03c4\u03c5\u03c7\u03b9\u03b1\u03ba\u03ae \u03b5\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03ae \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7.\n <\/p>\n <\/div>\n\n \n <div class=\"p-6\">\n <div class=\"bg-white w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 shadow-md text-brand transform hover:scale-110 transition-transform\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 1-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u0395\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7 & \u0391\u03c5\u03c4\u03bf\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u03a3\u03b1\u03c2 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03ce\u03c2 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03b5\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03ac\u03b8\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 (\u03c0.\u03c7. \u03b9\u03c3\u03bf\u03b4\u03cd\u03bd\u03b1\u03bc\u03b1 \u03b9\u03bd\u03c3\u03bf\u03c5\u03bb\u03af\u03bd\u03b7\u03c2, \u03b5\u03c4\u03b9\u03ba\u03ad\u03c4\u03b5\u03c2 \u03c4\u03c1\u03bf\u03c6\u03af\u03bc\u03c9\u03bd).\n <\/p>\n <\/div>\n\n \n <div class=\"p-6\">\n <div class=\"bg-white w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 shadow-md text-brand transform hover:scale-110 transition-transform\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\"\/><line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u039f\u03bb\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0392\u03bb\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03bd \u03ac\u03bd\u03b8\u03c1\u03c9\u03c0\u03bf \u03c0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c3\u03b8\u03ad\u03bd\u03b5\u03b9\u03b1, \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1 \u03c3\u03c4\u03bf\u03bd \u03c4\u03c1\u03cc\u03c0\u03bf \u03b6\u03c9\u03ae\u03c2 \u03c3\u03b1\u03c2.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n <div class=\"max-w-4xl mx-auto bg-gray-50 border-l-4 border-brand-dark rounded-r-lg p-8 md:p-12 shadow-sm\">\n <h2 class=\"text-3xl font-bold mb-8 text-brand-dark\">\n \u03a4\u03bf \u0391\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1\n <\/h2>\n <p class=\"mb-8 text-lg font-medium text-gray-800\">\u039c\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b1\u03c2, \u03c3\u03c4\u03bf\u03c7\u03b5\u03cd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7:<\/p>\n <ul class=\"space-y-5\">\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b5\u03c0\u03b9\u03c0\u03ad\u03b4\u03c9\u03bd \u03c3\u03b1\u03ba\u03c7\u03ac\u03c1\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bb\u03b9\u03c0\u03b9\u03b4\u03af\u03c9\u03bd \u03c3\u03c4\u03bf \u03b1\u03af\u03bc\u03b1.<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u039c\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b5\u03bd\u03bf\u03c7\u03bb\u03b7\u03c4\u03b9\u03ba\u03ce\u03bd \u03c3\u03c5\u03bc\u03c0\u03c4\u03c9\u03bc\u03ac\u03c4\u03c9\u03bd (\u03c6\u03bf\u03cd\u03c3\u03ba\u03c9\u03bc\u03b1, \u03c0\u03cc\u03bd\u03bf\u03c2, \u03ba\u03cc\u03c0\u03c9\u03c3\u03b7).<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u03a0\u03b9\u03b8\u03b1\u03bd\u03ae \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c6\u03b1\u03c1\u03bc\u03b1\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u03b1\u03b3\u03c9\u03b3\u03ae\u03c2 (\u03c0\u03ac\u03bd\u03c4\u03b1 \u03c3\u03b5 \u03c3\u03c5\u03bd\u03b5\u03bd\u03bd\u03cc\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b3\u03b9\u03b1\u03c4\u03c1\u03cc \u03c3\u03b1\u03c2).<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <div class=\"bg-green-100 p-1 rounded-full mr-3 mt-1\">\n <svg class=\"w-4 h-4 text-green-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n <\/div>\n <span class=\"text-lg text-gray-700\">\u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03b6\u03c9\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03c8\u03c5\u03c7\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 px-4 relative overflow-hidden bg-gradient-to-br from-brand via-purple-800 to-brand-dark text-white text-center\">\n \n <div class=\"absolute top-0 left-0 -translate-x-1\/2 -translate-y-1\/2 w-96 h-96 bg-purple-500 rounded-full blur-[100px] opacity-40\"><\/div>\n <div class=\"absolute bottom-0 right-0 translate-x-1\/2 translate-y-1\/2 w-96 h-96 bg-pink-500 rounded-full blur-[100px] opacity-30\"><\/div>\n\n <div class=\"max-w-4xl mx-auto relative z-10\">\n <h2 class=\"text-4xl md:text-5xl font-extrabold mb-6 tracking-tight drop-shadow-md\">\n \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03a3\u03ae\u03bc\u03b5\u03c1\u03b1\n <\/h2>\n <div class=\"w-24 h-1.5 bg-pink-400 mx-auto mb-8 rounded-full\"><\/div>\n \n <p class=\"text-xl md:text-2xl mb-12 leading-relaxed font-light text-purple-50\">\n \u0397 \u03c5\u03b3\u03b5\u03af\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03bf\u03bb\u03c5\u03c4\u03b9\u03bc\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03b3\u03b1\u03b8\u03cc. <br class=\"hidden md:block\" \/>\n \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03c4\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c5\u03b3\u03b5\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7.\n <\/p>\n \n \n <div class=\"inline-block relative group\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-pink-400 to-purple-400 rounded-xl blur opacity-30 group-hover:opacity-100 transition duration-200\"><\/div>\n <a href=\"https:\/\/learnnutrition.gr\/epikinonia\/\" class=\"relative block bg-white hover:bg-gray-50 text-brand-dark font-black py-5 px-12 rounded-xl shadow-2xl hover:shadow-xl hover:-translate-y-1 text-lg md:text-xl no-underline transition-all duration-300 border-2 border-transparent\">\n \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03a4\u03ce\u03c1\u03b1\n <svg class=\"inline-block w-5 h-5 ml-2 -mt-1 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-50 py-8 text-center text-sm text-gray-400\">\n <p>© Learn Nutrition<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd \u0395\u03c0\u03b9\u03c3\u03c4\u03b7\u03bc\u03bf\u03bd\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7 \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae & \u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03ce\u03c0\u03b9\u03c3\u03b7 \u03a0\u03b1\u03b8\u03ae\u03c3\u03b5\u03c9\u03bd \u03a3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c4\u03c1\u03bf\u03c6\u03ae, \u03b7 \u03c4\u03c1\u03bf\u03c6\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c9\u03c2 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03ad\u03c3\u03bf. \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03c0\u03bf\u03c5 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c5\u03b3\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b7. \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u0395\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03a6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1 \u03a5\u03b3\u03b5\u03af\u03b1 \u039a\u03b1\u03c1\u03b4\u03b9\u03ac\u03c2 \u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd \u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u0395\u03b9\u03ba\u03cc\u03bd\u03b1 \u0392\u03ac\u03c3\u03b5\u03b9 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03c9\u03bd \u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03bc\u03b1\u03c2 \u039a\u03b1\u03c4\u03b1\u03bd\u03bf\u03bf\u03cd\u03bc\u03b5 \u03cc\u03c4\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03ac\u03b8\u03b7\u03c3\u03b7 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b5\u03af \u03b5\u03b9\u03b4\u03b9\u03ba\u03ae […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9967","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages\/9967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/comments?post=9967"}],"version-history":[{"count":0,"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/pages\/9967\/revisions"}],"wp:attachment":[{"href":"https:\/\/learnnutrition.gr\/en\/wp-json\/wp\/v2\/media?parent=9967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}