





    







    
    
    
    

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>Login to TAP IN</title>
    <!-- Meta -->
    
    <meta name="pinterest" content="nopin" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="alternate" hreflang="de" href="https://app.tapingreece.gr/login" />
    <meta name="description" content="Login">
    
    <meta name="google-site-verification" content="SvQxDxtH3A1w9iiP4JJymayrwjtDIiuZ5r3T0tNOSLA"/>
    <link rel="icon"
          href="https://app.tapingreece.gr/assets/79fa6e0288981f4f5e19a4be36d165011b745a58/ChatGPT%20Image%2021%20%CE%A3%CE%B5%CF%80%202026,%2004_35_27%20%CE%BC%CE%BC-966x966.png"
          type="image/x-ico; charset=binary"/>
    <!-- Global CSS -->
    <link rel="stylesheet"
          href="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/bootstrap/css/bootstrap.min.css?bust=b0972fdc">
    <!-- Plugins CSS -->
    <link rel="stylesheet"
          href="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/font-awesome/css/font-awesome.css?bust=15e5b5a9">
    <!-- Theme CSS -->
    <link rel="stylesheet"
          href="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/css/styles.css?bust=abb6f8ad">
    <link rel="stylesheet"
          href="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/jquery-ui/jquery-ui.min.css?bust=74e342fb">
    <link rel="stylesheet"
          href="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Styles/accessibility.css?bust=30f14bb9">
    
    <style>
:root {
    --font-family: Be Vietnam Pro, sans-serif;
    --border-radius-generic: 6px;
    --border-radius-elements: 6px;
    --focus-ring: #0693e3;
    --font-primary: Be Vietnam Pro, sans-serif;
    --font-secondary: Roboto, sans-serif;
    --color-primary: #0b0e13;
    --color-secondary: #64748b;
    --color-highlight: #2f6bff;
    --color-info: #2f6bff;
    --color-success: #1b212c;
    --color-warning: #e53935;
    --color-error: #d6a84a;
    --color-progress: #249CF8;
    --color-text: #282828;
    --color-text-light: #6b7280;
    --color-border: #d1d5db;
    --color-primary-text: #ffffff;
    --layout-text: #282828;
    --layout-background: #ffffff;
    --layout-shade1: #f9fafb;
    --layout-shade2: #f3f4f6;
    --layout-shade3: #f3f4f6;
    --navigation-text: #f4f7fb;
    --navigation-background: #0b0e13;
    --color-surface: var(--layout-background);
    --side-decoration-color1: #2f6bff;
    --side-decoration-color2: #2f6bff;
    --input-sm-height: 28px;
    --input-sm-padding: 0 12px;
    --input-sm-font-size: 13px;
    --input-md-height: 32px;
    --input-md-padding: 0 12px;
    --input-md-font-size: 14px;
    --input-lg-height: 40px;
    --input-lg-padding: 0 16px;
    --input-lg-font-size: 15px;
    --button-sm-height: 28px;
    --button-sm-padding-x: 0 12px;
    --button-sm-font-size: 13px;
    --button-md-height: 32px;
    --button-md-padding-x: 0 16px;
    --button-md-font-size: 14px;
    --button-lg-height: 40px;
    --button-lg-padding-x: 0 20px;
    --button-lg-font-size: 15px;
}
a, a:visited, a.pass-template { color: #0b0e13; }
a.pass-template:hover { color: #0b0e13; }
.btn-default, .btn-default:visited, .btn-default:focus, .note-editor .btn-default, .btn-primary, .btn-primary:visited, .btn-primary:focus, .btn-primary.active,
.btn-key a.btn, .btn-key.active, .btn-key:active, a.btn-key a.btn, a.btn-cta-primary, .btn-cta-primary {
    background-color: #0b0e13; border-color: #0b0e13; color: #ffffff !important;
}
.btn-default.btn-hover, .btn-default:hover, a.btn-default:hover, .open > .dropdown-toggle.btn-default, .btn-primary.btn-hover, .btn-primary:hover, a.btn-primary:hover, .open > .dropdown-toggle.btn-primary,
.btn-key.btn-hover, .btn-key:hover, a.btn-key.active, a.btn-key.btn-hover, a.btn-key:active, a.btn-key:hover, a.btn:visited:hover, a.btn:hover, .btn:hover, a.btn-cta-primary:hover, .btn-cta-primary:hover {
    background-color: #0b0e13 !important; border-color: #0b0e13 !important; color: #ffffff !important;
}
a.btn-key, .btn-key:focus, .btn-key:visited, a.btn-key:focus, a.btn-key:visited { color: #0b0e13; border-color: #0b0e13; }
.nav.sidebar-menu > li.active > a > span:nth-child(1), .sidebar-menu > li > ul > li.active > a > span:nth-child(1), .sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1),
body.sb-l-m .sidebar-menu > li.active > a > span:nth-child(1), .btn-key, a.btn-key, .nav.sidebar-menu > li > a:hover > span:nth-child(1) { color: #0b0e13; }
.nav.sidebar-menu > li.active > a:after, .nav.sidebar-menu > li > a:hover:after, .sidebar-menu > li > ul > li.active > a:after, .sidebar-menu > li > ul > li:focus > a:after, .sidebar-menu > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li > a.menu-open:after { background: #0b0e13; }
.neos-fluid-widget-paginator li:first-child.current, .neos-fluid-widget-paginator > li:first-child > span.current, .typo3-widget-paginator li.current, .typo3-widget-paginator > li.current {
    background-color: #0b0e13; border-color: #0b0e13; color: #ffffff;
}
.text-system { color: #0b0e13; }
.btn-group > .btn + .dropdown-toggle:hover, .passtype-enabled img { border-color: #0b0e13; }
.access-section .forgot-password a:hover, .access-section a.signup-link:hover { color: #0b0e13; }
#sidebar_left, .navbar-branding { background-color: #0b0e13; }
.sidebar-menu > li > a, .sidebar-menu > li > a:active, .sidebar-menu > li > a:focus, .sidebar-menu > li > ul > li > a { color: #f4f7fb; }
.btn-info, .btn-info:visited, .btn-info:focus { background-color: #2f6bff; border-color: #2f6bff; color: #ffffff !important; }
.alert-info { background-color: #2f6bff; border-color: #2f6bff; color: #ffffff; }
.alert-info a, .alert-info a:hover { color: #ffffff; }
.alert-success { background-color: #1b212c; border-color: #1b212c; color: #ffffff; }
.alert-success a, .alert-success a:hover { color: #ffffff; }
.alert-danger { background-color: #d6a84a; border-color: #d6a84a; color: #282828; }
.alert-danger a, .alert-danger a:hover { color: #282828; }
.btn, .form-control, input:not([type=submit]):not([type=checkbox]):not([type=button]), select, textarea { border-radius: 6px; }
</style>
    
        <link rel="stylesheet"
              href="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Styles/auth-modern.css?bust=8e25a58e">
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" integrity="sha384-0s5Pv64cNZJieYFkXYOTId2HMA2Lfb6q2nAcx2n0RTLUnCAoTTsS0nKEO27XyKcY" crossorigin="anonymous"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" integrity="sha384-noYKKyAijsIerUIf9SPIbwYGESdhPFXzJlsk3TYISoW5JtFYm3w0garwr4nBwQ3h" crossorigin="anonymous"></script>
    <![endif]-->
</head>

<body
        class="login-page access-page has-full-screen-bg auth-modern">
<a href="#login-section" class="skip-link">Skip to main content</a>

        <!-- ******MODERN AUTH (non white-label): split-screen matching the React UI login****** -->
        <div class="auth-modern-wrapper">
            <!-- Decorative panel, hidden below 1024px; purely visual so hidden from assistive tech -->
            <div class="auth-modern-visual" aria-hidden="true">
                <div class="auth-modern-visual-card">
                    <div class="auth-modern-visual-photo">
                        
                        
                                <img src="https://app.tapingreece.gr/assets/59b3e61a74e5fc77eaf5ccb08aab31369a4a0265/ChatGPT%20Image%2021%20%CE%A3%CE%B5%CF%80%202026,%2004_44_44%20%CE%BC%CE%BC-941x1176.png" alt=""/>
                            
                    </div>
                    <div class="auth-modern-visual-overlay"></div>
                </div>
            </div>
            <div class="auth-modern-panel">
                
                        
                        
                                <img class="auth-modern-logo"
                                     src="https://app.tapingreece.gr/assets/1f91a08a0ae7a3fbef5b6900738b7361be10c0b4/ChatGPT%20Image%2021%20%CE%A3%CE%B5%CF%80%202026,%2004_31_46%20%CE%BC%CE%BC-1493x479.png"
                                     alt="TAP IN"/>
                            
                    
                <main id="login-section" class="auth-modern-main" role="main">
                    <div class="auth-modern-content">
                        
    

    
            <div class="row">
                <div
                        class="form-box col-md-6 col-sm-12 col-xs-12 col-md-offset-3 col-sm-offset-0 xs-offset-0">
                    <div class="form-box-inner">
                        <h1 class="title text-center">Login</h1>
                        

                        <div class="row">
                            <div class="form-container col-md-12 col-sm-12 col-xs-12">
                                <form method="post" name="loginform" class="form-horizontal login-form" id="login" action="/en/Login/authenticate">
<div style="display: none">
<input type="hidden" name="__referrer[@package]" value="SporerWebservices.PassbookPasses" />
<input type="hidden" name="__referrer[@subpackage]" value="" />
<input type="hidden" name="__referrer[@controller]" value="Login" />
<input type="hidden" name="__referrer[@action]" value="index" />
<input type="hidden" name="__referrer[arguments]" value="YToxOntzOjg6Imxhbmd1YWdlIjtzOjI6ImVuIjt91b1731fcb60a5c4d8e08e4290bb46104359abc98" />
<input type="hidden" name="__trustedProperties" value="a:3:{s:22:&quot;recaptchaResponseLogin&quot;;i:1;s:16:&quot;__authentication&quot;;a:1:{s:4:&quot;Neos&quot;;a:1:{s:4:&quot;Flow&quot;;a:1:{s:8:&quot;Security&quot;;a:1:{s:14:&quot;Authentication&quot;;a:1:{s:5:&quot;Token&quot;;a:1:{s:16:&quot;UsernamePassword&quot;;a:2:{s:8:&quot;username&quot;;i:1;s:8:&quot;password&quot;;i:1;}}}}}}}i:0;i:1;}4e75aa3a0fccfc1c1bc9ff8dde8089448399c8e8" />
</div>

                                    <input id="recaptchaResponseLogin" type="hidden" name="recaptchaResponseLogin" value="" />
                                    <div class="form-group email">
                                        <label class="sr-only" for="login-email">E-Mail address</label>
                                        <input autofocus="1" autocomplete="off" required="" placeholder="E-Mail address" type="email" class="form-control login-email inputfield loginField" id="login-email" name="__authentication[Neos][Flow][Security][Authentication][Token][UsernamePassword][username]" />
                                    </div>
                                    <!--//form-group-->
                                    <div class="form-group password">
                                        <label class="sr-only" for="login-password">Password</label>

                                        <input autocomplete="off" required="" placeholder="Password" type="password" class="form-control login-password inputfield loginField" id="login-password" name="__authentication[Neos][Flow][Security][Authentication][Token][UsernamePassword][password]" />
                                        <p class=" forgot-password">
                                            <a href="https://app.tapingreece.gr/en/customeruser/newresetpassword">
                                                Forgot your password?
                                            </a>
                                        </p>
                                    </div>
                                    <!--//form-group-->
                                    <input class="btn btn-block btn-cta-primary" type="submit" name="" value="Login" />
                                    <div class="g-recaptcha"
                                         data-sitekey="6LdXPdMUAAAAAPufB_woq_prHZOSOlswZM3hFBNR"
                                         data-callback="onSubmit"
                                         data-size="invisible">
                                    </div>
                                </form>
                                <p class="lead">
                                    
                                    
                                </p>
                                

<div class="recaptcha-disclaimer">
    This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer">
        Privacy Policy
    </a>
    and
    <a href="https://policies.google.com/terms" target="_blank" rel="noopener noreferrer">
        Terms of Service
    </a>
    apply.
</div>


                            </div>
                            <!--//form-container-->

                        </div>
                        <!--//row-->
                    </div>
                    <!--//form-box-inner-->
                </div>
                <!--//form-box-->
            </div>
        

                    </div>
                </main>
                <footer class="auth-modern-footer">
                    
                            
                                <span class="auth-modern-footer-copyright">&copy; 2026 TAP IN</span>
                            
                            <span class="auth-modern-footer-links">
                                





        
        
    

                            </span>
                        
                </footer>
            </div>
        </div>
    
<!-- Javascript -->



<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/jquery.min.js?bust=c8e1c8b3"></script>
<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/TwitterBootstrap/js/bootstrap.min.js?bust=d3c6d1c6"></script>
<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/bootstrap-hover-dropdown.min.js?bust=fa9d2bf2"></script>
<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/back-to-top.js?bust=d55b707e"></script>
<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/jquery-placeholder/jquery.placeholder.js?bust=f18e3ab9"></script>
<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/FitVids/jquery.fitvids.js?bust=39ef717c"></script>
<script type="text/javascript"
        src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/js/main.js?bust=a5100303"></script>

    <script type="text/javascript"
            src="https://app.tapingreece.gr/_Resources/Static/Packages/SporerWebservices.PassbookPasses/Libraries/PasscreatorTypo3/assets/plugins/jquery.validate.min.js?bust=514dc9a2"></script>
    
    
        <script src="https://www.google.com/recaptcha/api.js" async defer nonce="eGFzdWVuZWxhLTduZ2EyaGR4d24="></script>
        <script nonce="eGFzdWVuZWxhLTduZ2EyaGR4d24=">
            function onSubmit(token) {
                $('#recaptchaResponseLogin').val(token);
                document.getElementById("login").submit();
            }
        </script>
        <script nonce="eGFzdWVuZWxhLTduZ2EyaGR4d24=">
            
            $("#login").validate({
                submitHandler: function (form) {
                    grecaptcha.execute();
                }
            });
            
        </script>
    






</body>
</html>

