{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    


        @media (max-width: 639px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 639px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }

 body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; /* Φόντο: μπλε gradient */ background: linear-gradient(135deg, #0A2F51, #1E5F74); display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { background: #fff; /* Λευκό background */ border-radius: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); padding: 30px; max-width: 600px; width: 100%; text-align: center; animation: fadeIn 1s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } h1, h2, h3 { color: #000; /* Μαύρο κείμενο για έντονη αντίθεση */ margin-bottom: 15px; } p, li { color: #333; line-height: 1.6; } .section { margin-bottom: 20px; } .section p { font-size: 1rem; } table { margin: 0 auto; border: 1px solid #ddd; border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; padding: 12px; color: #000; } th { font-weight: 700; /* Bold στους τίτλους του πίνακα */ } button { padding: 10px 20px; margin: 10px 5px; border: none; border-radius: 5px; background-color: #1E5F74; /* Μπλε */ color: #fff; font-size: 1rem; cursor: pointer; transition: background-color 0.3s; font-weight: 700; /* Bold στα κουμπιά */ } button:hover { background-color: #144a60; } input[type="number"] { padding: 10px; width: 50%; font-size: 1rem; margin: 10px 0; border: 2px solid #1E5F74; border-radius: 5px; text-align: center; } /* Κουμπί επιστροφής με μαύρο background */ .back-btn { background-color: #000; } .back-btn:hover { background-color: #333; } /* Απόκρυψη ενότητας μέσω κλάσης .hidden */ .hidden { display: none; } /* Στυλ μηνύματος σφάλματος */ #errorMsg { color: red; font-weight: 700; /* Bold για να ξεχωρίζει */ }