Sky FM Group \u2013 Email Login<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Barlow+Condensed:wght@600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --navy: #0A1628;\r\n --navy2: #0F2040;\r\n --gold: #C9A84C;\r\n --gold-lt:#E8C96A;\r\n --white: #FFFFFF;\r\n --mist: #EEF1F6;\r\n --steel: #8A97A8;\r\n --error: #E05C5C;\r\n }\r\n\r\n html, body {\r\n height: 100%;\r\n font-family: 'Inter', sans-serif;\r\n background: var(--navy);\r\n }\r\n\r\n \/* \u2500\u2500 Split layout \u2500\u2500 *\/\r\n .page {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n \/* \u2500\u2500 Left panel \u2013 brand \u2500\u2500 *\/\r\n .brand-panel {\r\n position: relative;\r\n background: var(--navy2);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 3rem;\r\n overflow: hidden;\r\n }\r\n\r\n .brand-panel::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 60% at 50% 0%, rgba(201,168,76,.18) 0%, transparent 70%),\r\n radial-gradient(ellipse 40% 40% at 80% 100%, rgba(201,168,76,.10) 0%, transparent 60%);\r\n }\r\n\r\n .brand-panel::after {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0; bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(to bottom, transparent, var(--gold), transparent);\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .brand-inner {\r\n position: relative;\r\n text-align: center;\r\n max-width: 340px;\r\n }\r\n\r\n .logo-wrap img {\r\n width: 180px;\r\n height: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0 4px 20px rgba(201,168,76,.3));\r\n transition: filter .3s;\r\n }\r\n\r\n .logo-wrap img:hover {\r\n filter: drop-shadow(0 6px 28px rgba(201,168,76,.55));\r\n }\r\n\r\n .brand-tagline {\r\n margin-top: 2rem;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 1.65rem;\r\n font-weight: 700;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n line-height: 1.2;\r\n }\r\n\r\n .brand-tagline span {\r\n color: var(--gold);\r\n }\r\n\r\n .brand-sub {\r\n margin-top: .75rem;\r\n font-size: .82rem;\r\n color: var(--steel);\r\n letter-spacing: .04em;\r\n line-height: 1.6;\r\n }\r\n\r\n .divider-gold {\r\n width: 48px;\r\n height: 2px;\r\n background: var(--gold);\r\n margin: 1.75rem auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n .service-pills {\r\n display: flex;\r\n gap: .5rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n .pill {\r\n font-size: .68rem;\r\n font-weight: 500;\r\n letter-spacing: .05em;\r\n text-transform: uppercase;\r\n color: var(--gold-lt);\r\n border: 1px solid rgba(201,168,76,.35);\r\n padding: .3rem .75rem;\r\n border-radius: 2rem;\r\n }\r\n\r\n \/* \u2500\u2500 Right panel \u2013 form \u2500\u2500 *\/\r\n .form-panel {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 3rem 2.5rem;\r\n background: var(--white);\r\n }\r\n\r\n .form-box {\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n\r\n .form-header {\r\n margin-bottom: 2.25rem;\r\n }\r\n\r\n .form-eyebrow {\r\n font-size: .72rem;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: .5rem;\r\n }\r\n\r\n .form-title {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--navy);\r\n letter-spacing: .02em;\r\n }\r\n\r\n .form-subtitle {\r\n margin-top: .4rem;\r\n font-size: .83rem;\r\n color: var(--steel);\r\n }\r\n\r\n \/* Fields *\/\r\n .field {\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n label {\r\n display: block;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: .45rem;\r\n }\r\n\r\n .input-wrap {\r\n position: relative;\r\n }\r\n\r\n .input-wrap svg {\r\n position: absolute;\r\n left: .9rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--steel);\r\n pointer-events: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n input[type=\"email\"],\r\n input[type=\"password\"] {\r\n width: 100%;\r\n padding: .75rem .9rem .75rem 2.5rem;\r\n font-family: 'Inter', sans-serif;\r\n font-size: .9rem;\r\n color: var(--navy);\r\n background: var(--mist);\r\n border: 1.5px solid transparent;\r\n border-radius: 6px;\r\n outline: none;\r\n transition: border-color .2s, background .2s;\r\n }\r\n\r\n input[type=\"email\"]:focus,\r\n input[type=\"password\"]:focus {\r\n background: var(--white);\r\n border-color: var(--gold);\r\n box-shadow: 0 0 0 3px rgba(201,168,76,.15);\r\n }\r\n\r\n input::placeholder { color: var(--steel); }\r\n\r\n .toggle-pw {\r\n position: absolute;\r\n right: .9rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: var(--steel);\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .toggle-pw:hover { color: var(--navy); }\r\n\r\n \/* Options row *\/\r\n .options-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 1.75rem;\r\n font-size: .8rem;\r\n }\r\n\r\n .remember {\r\n display: flex;\r\n align-items: center;\r\n gap: .45rem;\r\n color: var(--navy);\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n\r\n .remember input[type=\"checkbox\"] {\r\n accent-color: var(--gold);\r\n width: 15px;\r\n height: 15px;\r\n cursor: pointer;\r\n }\r\n\r\n .forgot {\r\n color: var(--gold);\r\n text-decoration: none;\r\n font-weight: 500;\r\n }\r\n\r\n .forgot:hover { text-decoration: underline; }\r\n\r\n \/* Submit *\/\r\n .btn-login {\r\n width: 100%;\r\n padding: .85rem;\r\n background: var(--navy);\r\n color: var(--gold);\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background .2s, color .2s, box-shadow .2s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-login::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(201,168,76,.12), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .btn-login:hover {\r\n background: var(--navy2);\r\n box-shadow: 0 4px 18px rgba(10,22,40,.35);\r\n color: var(--gold-lt);\r\n }\r\n\r\n .btn-login:active { transform: scale(.985); }\r\n\r\n \/* Error *\/\r\n .error-msg {\r\n display: none;\r\n font-size: .78rem;\r\n color: var(--error);\r\n margin-top: .4rem;\r\n }\r\n\r\n .field.has-error input {\r\n border-color: var(--error);\r\n background: #fff5f5;\r\n }\r\n\r\n .field.has-error .error-msg { display: block; }\r\n\r\n \/* Footer note *\/\r\n .form-footer {\r\n margin-top: 2rem;\r\n text-align: center;\r\n font-size: .75rem;\r\n color: var(--steel);\r\n }\r\n\r\n .form-footer a { color: var(--gold); text-decoration: none; }\r\n .form-footer a:hover { text-decoration: underline; }\r\n\r\n \/* Separator *\/\r\n .sep {\r\n display: flex;\r\n align-items: center;\r\n gap: .75rem;\r\n margin: 1.5rem 0;\r\n color: var(--steel);\r\n font-size: .75rem;\r\n }\r\n .sep::before, .sep::after {\r\n content: ''; flex: 1; height: 1px; background: #dde2ea;\r\n }\r\n\r\n \/* Webmail shortcut *\/\r\n .btn-webmail {\r\n width: 100%;\r\n padding: .7rem;\r\n background: transparent;\r\n border: 1.5px solid #dde2ea;\r\n border-radius: 6px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: .85rem;\r\n font-weight: 500;\r\n color: var(--navy);\r\n cursor: pointer;\r\n transition: border-color .2s, background .2s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .55rem;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-webmail:hover {\r\n border-color: var(--gold);\r\n background: rgba(201,168,76,.06);\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n @media (max-width: 768px) {\r\n .page { grid-template-columns: 1fr; }\r\n .brand-panel {\r\n padding: 2.5rem 1.5rem;\r\n min-height: 260px;\r\n }\r\n .brand-panel::after { display: none; }\r\n .logo-wrap img { width: 130px; }\r\n .brand-tagline { font-size: 1.3rem; }\r\n .form-panel { padding: 2.5rem 1.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n\r\n \r\n <div class=\"brand-panel\">\r\n <div class=\"brand-inner\">\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/skyfmg.co.uk\/wp-content\/uploads\/2026\/06\/logo.png\"\r\n alt=\"Sky FM Group Logo\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/skyfmg.co.uk\/wp-content\/uploads\/2026\/06\/logo-1024x702.png'\" \/>\r\n <\/div>\r\n <p class=\"brand-tagline\">Sky <span>Facilities<\/span><br>Management Group<\/p>\r\n <p class=\"brand-sub\">Secure solutions & sparkling spaces<br>across the United Kingdom<\/p>\r\n <div class=\"divider-gold\"><\/div>\r\n <div class=\"service-pills\">\r\n <span class=\"pill\">Security<\/span>\r\n <span class=\"pill\">Cleaning<\/span>\r\n <span class=\"pill\">Key Holding<\/span>\r\n <span class=\"pill\">Events<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-panel\">\r\n <div class=\"form-box\">\r\n\r\n <div class=\"form-header\">\r\n <p class=\"form-eyebrow\">Staff Portal<\/p>\r\n <h1 class=\"form-title\">Sign in to your<br>email account<\/h1>\r\n <p class=\"form-subtitle\">Enter your Sky FMG email credentials below.<\/p>\r\n <\/div>\r\n\r\n <div class=\"field\" id=\"email-field\">\r\n <label for=\"email\">Email address<\/label>\r\n <div class=\"input-wrap\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\r\n <\/svg>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@skyfmg.co.uk\" autocomplete=\"email\" \/>\r\n <\/div>\r\n <span class=\"error-msg\">Please enter a valid email address.<\/span>\r\n <\/div>\r\n\r\n <div class=\"field\" id=\"pw-field\">\r\n <label for=\"password\">Password<\/label>\r\n <div class=\"input-wrap\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n <\/svg>\r\n <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"Enter your password\" autocomplete=\"current-password\" \/>\r\n <button class=\"toggle-pw\" type=\"button\" aria-label=\"Toggle password\" onclick=\"togglePw()\">\r\n <svg id=\"eye-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <span class=\"error-msg\">Password cannot be empty.<\/span>\r\n <\/div>\r\n\r\n <div class=\"options-row\">\r\n <label class=\"remember\">\r\n <input type=\"checkbox\" id=\"remember\" \/> Keep me signed in\r\n <\/label>\r\n <a href=\"https:\/\/mail.hostinger.com\" class=\"forgot\" target=\"_blank\">Forgot password?<\/a>\r\n <\/div>\r\n\r\n <button class=\"btn-login\" onclick=\"handleLogin()\">Sign In<\/button>\r\n\r\n <div class=\"sep\">or<\/div>\r\n\r\n <a href=\"https:\/\/mail.hostinger.com\" target=\"_blank\" class=\"btn-webmail\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n <\/svg>\r\n Open Hostinger Webmail directly\r\n <\/a>\r\n\r\n <div class=\"form-footer\">\r\n <p>Need help? Contact IT on <a href=\"mailto:info@skyfmg.co.uk\">info@skyfmg.co.uk<\/a><\/p>\r\n <p style=\"margin-top:.5rem\">© 2026 Sky Facilities Management Group Ltd.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n function togglePw() {\r\n const input = document.getElementById('password');\r\n const icon = document.getElementById('eye-icon');\r\n if (input.type === 'password') {\r\n input.type = 'text';\r\n icon.innerHTML = `\r\n <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"\/>\r\n <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"\/>\r\n <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/>`;\r\n } else {\r\n input.type = 'password';\r\n icon.innerHTML = `\r\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>`;\r\n }\r\n }\r\n\r\n function handleLogin() {\r\n const email = document.getElementById('email').value.trim();\r\n const password = document.getElementById('password').value;\r\n const emailFld = document.getElementById('email-field');\r\n const pwFld = document.getElementById('pw-field');\r\n let valid = true;\r\n\r\n emailFld.classList.remove('has-error');\r\n pwFld.classList.remove('has-error');\r\n\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n emailFld.classList.add('has-error');\r\n valid = false;\r\n }\r\n if (!password) {\r\n pwFld.classList.add('has-error');\r\n valid = false;\r\n }\r\n\r\n if (valid) {\r\n \/\/ In production: replace this with your actual authentication call\r\n window.location.href = 'https:\/\/mail.hostinger.com';\r\n }\r\n }\r\n\r\n \/\/ Allow Enter key to submit\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'Enter') handleLogin();\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sky FM Group \u2013 Email Login Sky FacilitiesManagement Group Secure solutions & sparkling spacesacross the United Kingdom Security Cleaning Key Holding Events Staff Portal Sign in to youremail account Enter your Sky FMG email credentials below. Email address Please enter a valid email address. Password Password cannot be empty. Keep me signed in Forgot password? Sign In or Open Hostinger Webmail directly Need help? Contact IT on info@skyfmg.co.uk © 2026 Sky Facilities Management Group Ltd.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1290"}],"version-history":[{"count":12,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1290\/revisions"}],"predecessor-version":[{"id":1787,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1290\/revisions\/1787"}],"wp:attachment":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Sky FM Group \u2013 Email Login<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Barlow+Condensed:wght@600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --navy: #0A1628;\r\n --navy2: #0F2040;\r\n --gold: #C9A84C;\r\n --gold-lt:#E8C96A;\r\n --white: #FFFFFF;\r\n --mist: #EEF1F6;\r\n --steel: #8A97A8;\r\n --error: #E05C5C;\r\n }\r\n\r\n html, body {\r\n height: 100%;\r\n font-family: 'Inter', sans-serif;\r\n background: var(--navy);\r\n }\r\n\r\n \/* \u2500\u2500 Split layout \u2500\u2500 *\/\r\n .page {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n \/* \u2500\u2500 Left panel \u2013 brand \u2500\u2500 *\/\r\n .brand-panel {\r\n position: relative;\r\n background: var(--navy2);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 3rem;\r\n overflow: hidden;\r\n }\r\n\r\n .brand-panel::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 60% at 50% 0%, rgba(201,168,76,.18) 0%, transparent 70%),\r\n radial-gradient(ellipse 40% 40% at 80% 100%, rgba(201,168,76,.10) 0%, transparent 60%);\r\n }\r\n\r\n .brand-panel::after {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0; bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(to bottom, transparent, var(--gold), transparent);\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .brand-inner {\r\n position: relative;\r\n text-align: center;\r\n max-width: 340px;\r\n }\r\n\r\n .logo-wrap img {\r\n width: 180px;\r\n height: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0 4px 20px rgba(201,168,76,.3));\r\n transition: filter .3s;\r\n }\r\n\r\n .logo-wrap img:hover {\r\n filter: drop-shadow(0 6px 28px rgba(201,168,76,.55));\r\n }\r\n\r\n .brand-tagline {\r\n margin-top: 2rem;\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 1.65rem;\r\n font-weight: 700;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n line-height: 1.2;\r\n }\r\n\r\n .brand-tagline span {\r\n color: var(--gold);\r\n }\r\n\r\n .brand-sub {\r\n margin-top: .75rem;\r\n font-size: .82rem;\r\n color: var(--steel);\r\n letter-spacing: .04em;\r\n line-height: 1.6;\r\n }\r\n\r\n .divider-gold {\r\n width: 48px;\r\n height: 2px;\r\n background: var(--gold);\r\n margin: 1.75rem auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n .service-pills {\r\n display: flex;\r\n gap: .5rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n .pill {\r\n font-size: .68rem;\r\n font-weight: 500;\r\n letter-spacing: .05em;\r\n text-transform: uppercase;\r\n color: var(--gold-lt);\r\n border: 1px solid rgba(201,168,76,.35);\r\n padding: .3rem .75rem;\r\n border-radius: 2rem;\r\n }\r\n\r\n \/* \u2500\u2500 Right panel \u2013 form \u2500\u2500 *\/\r\n .form-panel {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 3rem 2.5rem;\r\n background: var(--white);\r\n }\r\n\r\n .form-box {\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n\r\n .form-header {\r\n margin-bottom: 2.25rem;\r\n }\r\n\r\n .form-eyebrow {\r\n font-size: .72rem;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: .5rem;\r\n }\r\n\r\n .form-title {\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--navy);\r\n letter-spacing: .02em;\r\n }\r\n\r\n .form-subtitle {\r\n margin-top: .4rem;\r\n font-size: .83rem;\r\n color: var(--steel);\r\n }\r\n\r\n \/* Fields *\/\r\n .field {\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n label {\r\n display: block;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n color: var(--navy);\r\n margin-bottom: .45rem;\r\n }\r\n\r\n .input-wrap {\r\n position: relative;\r\n }\r\n\r\n .input-wrap svg {\r\n position: absolute;\r\n left: .9rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--steel);\r\n pointer-events: none;\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n input[type=\"email\"],\r\n input[type=\"password\"] {\r\n width: 100%;\r\n padding: .75rem .9rem .75rem 2.5rem;\r\n font-family: 'Inter', sans-serif;\r\n font-size: .9rem;\r\n color: var(--navy);\r\n background: var(--mist);\r\n border: 1.5px solid transparent;\r\n border-radius: 6px;\r\n outline: none;\r\n transition: border-color .2s, background .2s;\r\n }\r\n\r\n input[type=\"email\"]:focus,\r\n input[type=\"password\"]:focus {\r\n background: var(--white);\r\n border-color: var(--gold);\r\n box-shadow: 0 0 0 3px rgba(201,168,76,.15);\r\n }\r\n\r\n input::placeholder { color: var(--steel); }\r\n\r\n .toggle-pw {\r\n position: absolute;\r\n right: .9rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: var(--steel);\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .toggle-pw:hover { color: var(--navy); }\r\n\r\n \/* Options row *\/\r\n .options-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 1.75rem;\r\n font-size: .8rem;\r\n }\r\n\r\n .remember {\r\n display: flex;\r\n align-items: center;\r\n gap: .45rem;\r\n color: var(--navy);\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n\r\n .remember input[type=\"checkbox\"] {\r\n accent-color: var(--gold);\r\n width: 15px;\r\n height: 15px;\r\n cursor: pointer;\r\n }\r\n\r\n .forgot {\r\n color: var(--gold);\r\n text-decoration: none;\r\n font-weight: 500;\r\n }\r\n\r\n .forgot:hover { text-decoration: underline; }\r\n\r\n \/* Submit *\/\r\n .btn-login {\r\n width: 100%;\r\n padding: .85rem;\r\n background: var(--navy);\r\n color: var(--gold);\r\n font-family: 'Barlow Condensed', sans-serif;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background .2s, color .2s, box-shadow .2s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-login::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(201,168,76,.12), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .btn-login:hover {\r\n background: var(--navy2);\r\n box-shadow: 0 4px 18px rgba(10,22,40,.35);\r\n color: var(--gold-lt);\r\n }\r\n\r\n .btn-login:active { transform: scale(.985); }\r\n\r\n \/* Error *\/\r\n .error-msg {\r\n display: none;\r\n font-size: .78rem;\r\n color: var(--error);\r\n margin-top: .4rem;\r\n }\r\n\r\n .field.has-error input {\r\n border-color: var(--error);\r\n background: #fff5f5;\r\n }\r\n\r\n .field.has-error .error-msg { display: block; }\r\n\r\n \/* Footer note *\/\r\n .form-footer {\r\n margin-top: 2rem;\r\n text-align: center;\r\n font-size: .75rem;\r\n color: var(--steel);\r\n }\r\n\r\n .form-footer a { color: var(--gold); text-decoration: none; }\r\n .form-footer a:hover { text-decoration: underline; }\r\n\r\n \/* Separator *\/\r\n .sep {\r\n display: flex;\r\n align-items: center;\r\n gap: .75rem;\r\n margin: 1.5rem 0;\r\n color: var(--steel);\r\n font-size: .75rem;\r\n }\r\n .sep::before, .sep::after {\r\n content: ''; flex: 1; height: 1px; background: #dde2ea;\r\n }\r\n\r\n \/* Webmail shortcut *\/\r\n .btn-webmail {\r\n width: 100%;\r\n padding: .7rem;\r\n background: transparent;\r\n border: 1.5px solid #dde2ea;\r\n border-radius: 6px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: .85rem;\r\n font-weight: 500;\r\n color: var(--navy);\r\n cursor: pointer;\r\n transition: border-color .2s, background .2s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .55rem;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-webmail:hover {\r\n border-color: var(--gold);\r\n background: rgba(201,168,76,.06);\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n @media (max-width: 768px) {\r\n .page { grid-template-columns: 1fr; }\r\n .brand-panel {\r\n padding: 2.5rem 1.5rem;\r\n min-height: 260px;\r\n }\r\n .brand-panel::after { display: none; }\r\n .logo-wrap img { width: 130px; }\r\n .brand-tagline { font-size: 1.3rem; }\r\n .form-panel { padding: 2.5rem 1.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n\r\n \r\n <div class=\"brand-panel\">\r\n <div class=\"brand-inner\">\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/skyfmg.co.uk\/wp-content\/uploads\/2026\/06\/logo.png\"\r\n alt=\"Sky FM Group Logo\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/skyfmg.co.uk\/wp-content\/uploads\/2026\/06\/logo-1024x702.png'\" \/>\r\n <\/div>\r\n <p class=\"brand-tagline\">Sky <span>Facilities<\/span><br>Management Group<\/p>\r\n <p class=\"brand-sub\">Secure solutions & sparkling spaces<br>across the United Kingdom<\/p>\r\n <div class=\"divider-gold\"><\/div>\r\n <div class=\"service-pills\">\r\n <span class=\"pill\">Security<\/span>\r\n <span class=\"pill\">Cleaning<\/span>\r\n <span class=\"pill\">Key Holding<\/span>\r\n <span class=\"pill\">Events<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-panel\">\r\n <div class=\"form-box\">\r\n\r\n <div class=\"form-header\">\r\n <p class=\"form-eyebrow\">Staff Portal<\/p>\r\n <h1 class=\"form-title\">Sign in to your<br>email account<\/h1>\r\n <p class=\"form-subtitle\">Enter your Sky FMG email credentials below.<\/p>\r\n <\/div>\r\n\r\n <div class=\"field\" id=\"email-field\">\r\n <label for=\"email\">Email address<\/label>\r\n <div class=\"input-wrap\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\r\n <\/svg>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@skyfmg.co.uk\" autocomplete=\"email\" \/>\r\n <\/div>\r\n <span class=\"error-msg\">Please enter a valid email address.<\/span>\r\n <\/div>\r\n\r\n <div class=\"field\" id=\"pw-field\">\r\n <label for=\"password\">Password<\/label>\r\n <div class=\"input-wrap\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n <\/svg>\r\n <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"Enter your password\" autocomplete=\"current-password\" \/>\r\n <button class=\"toggle-pw\" type=\"button\" aria-label=\"Toggle password\" onclick=\"togglePw()\">\r\n <svg id=\"eye-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <span class=\"error-msg\">Password cannot be empty.<\/span>\r\n <\/div>\r\n\r\n <div class=\"options-row\">\r\n <label class=\"remember\">\r\n <input type=\"checkbox\" id=\"remember\" \/> Keep me signed in\r\n <\/label>\r\n <a href=\"https:\/\/mail.hostinger.com\" class=\"forgot\" target=\"_blank\">Forgot password?<\/a>\r\n <\/div>\r\n\r\n <button class=\"btn-login\" onclick=\"handleLogin()\">Sign In<\/button>\r\n\r\n <div class=\"sep\">or<\/div>\r\n\r\n <a href=\"https:\/\/mail.hostinger.com\" target=\"_blank\" class=\"btn-webmail\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n <\/svg>\r\n Open Hostinger Webmail directly\r\n <\/a>\r\n\r\n <div class=\"form-footer\">\r\n <p>Need help? Contact IT on <a href=\"mailto:info@skyfmg.co.uk\">info@skyfmg.co.uk<\/a><\/p>\r\n <p style=\"margin-top:.5rem\">© 2026 Sky Facilities Management Group Ltd.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n function togglePw() {\r\n const input = document.getElementById('password');\r\n const icon = document.getElementById('eye-icon');\r\n if (input.type === 'password') {\r\n input.type = 'text';\r\n icon.innerHTML = `\r\n <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"\/>\r\n <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"\/>\r\n <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/>`;\r\n } else {\r\n input.type = 'password';\r\n icon.innerHTML = `\r\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>`;\r\n }\r\n }\r\n\r\n function handleLogin() {\r\n const email = document.getElementById('email').value.trim();\r\n const password = document.getElementById('password').value;\r\n const emailFld = document.getElementById('email-field');\r\n const pwFld = document.getElementById('pw-field');\r\n let valid = true;\r\n\r\n emailFld.classList.remove('has-error');\r\n pwFld.classList.remove('has-error');\r\n\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!emailRegex.test(email)) {\r\n emailFld.classList.add('has-error');\r\n valid = false;\r\n }\r\n if (!password) {\r\n pwFld.classList.add('has-error');\r\n valid = false;\r\n }\r\n\r\n if (valid) {\r\n \/\/ In production: replace this with your actual authentication call\r\n window.location.href = 'https:\/\/mail.hostinger.com';\r\n }\r\n }\r\n\r\n \/\/ Allow Enter key to submit\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'Enter') handleLogin();\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sky FM Group \u2013 Email Login Sky FacilitiesManagement Group Secure solutions & sparkling spacesacross the United Kingdom Security Cleaning Key Holding Events Staff Portal Sign in to youremail account Enter your Sky FMG email credentials below. Email address Please enter a valid email address. Password Password cannot be empty. Keep me signed in Forgot password? Sign In or Open Hostinger Webmail directly Need help? Contact IT on info@skyfmg.co.uk © 2026 Sky Facilities Management Group Ltd.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1290"}],"version-history":[{"count":12,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1290\/revisions"}],"predecessor-version":[{"id":1787,"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/1290\/revisions\/1787"}],"wp:attachment":[{"href":"https:\/\/skyfmg.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}