:root{--grey: #a1a3a6;--blue: #1d3552;--lightblue: #56bee9}html,body{margin:0;padding:0}body{font-family:Open Sans,Arial,sans-serif;font-size:16px}.section{display:flex;justify-content:center;align-items:center;width:100%}.flex-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1140px;padding:0 20px;box-sizing:border-box}.header-top{background-color:var(--grey);padding:10px 0;font-size:14px}.header-top a{color:#fff;text-decoration:none}.header-top a:hover{text-decoration:underline}.header-top .contact-info{display:flex;gap:20px}.contact-info svg{width:20px;fill:#fff;display:none}.header-links{display:flex;gap:20px;justify-content:space-between;align-items:center}.header-links .linkedin{background-color:#fff;width:24px;height:24px;border-radius:20px;display:flex;justify-content:center;align-items:center}.header-links .linkedin svg{width:12px;height:12px;display:block;position:relative}.header-logo{padding:20px 0}.header-logo img{width:225px}.product-links{background-color:var(--blue);padding:30px 0}.product-links .flex-container{flex-direction:column;gap:20px}.product-links h1{color:#fff;font-size:18px;text-transform:uppercase;letter-spacing:5px;font-weight:600;margin:0}.products-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%}.products-wrapper .product-link{border:1px solid white;width:100%;aspect-ratio:1.2;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.product-link.active,.product-link:hover{border-color:var(--lightblue)}.product-link a{display:block}.product-link img{height:40px;width:auto;max-width:100%;object-fit:contain}.login-section{position:relative;min-height:55vh;padding-top:1em;padding-bottom:1em;background:url("./media/bodynet-bms-login-S4PWC63U.jpg") no-repeat center center;background-size:cover;transition:background-image 0s ease-in-out,opacity .5s ease-in-out;opacity:0;overflow:hidden}.login-section:before{content:"";position:absolute;inset:0;background:#00000080;pointer-events:none;z-index:0}.login-section.fade-in{opacity:1}.login-container{position:relative;z-index:1;background-color:#ffffffe6;padding:90px 40px 30px;display:flex;gap:30px;flex-direction:column;min-width:450px;box-sizing:border-box;border:2px solid white}.login-toolbar{background-color:var(--blue);color:#fff;padding:15px 40px;display:flex;position:absolute;top:0;left:0;right:0}.login-toolbar h3{font-size:1.5em;font-weight:500;margin:0 0 0 auto}.logo-cycle-wrapper{position:relative;width:100%;height:35px;display:flex}.login-logo{position:absolute;top:0;left:0;max-height:100%;object-fit:contain;opacity:0;transition:opacity 1s ease-in-out}.logo-cycle-wrapper img:nth-child(1){animation:fadeInOut 25s infinite 0s}.logo-cycle-wrapper img:nth-child(2){animation:fadeInOut 25s infinite 5s}.logo-cycle-wrapper img:nth-child(3){animation:fadeInOut 25s infinite 10s}.logo-cycle-wrapper img:nth-child(4){animation:fadeInOut 25s infinite 15s}.logo-cycle-wrapper img:nth-child(5){animation:fadeInOut 25s infinite 20s}@keyframes fadeInOut{0%,to{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-item{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid rgba(9,53,82,.15);padding-bottom:5px;position:relative}.login-form label{font-size:.8em;font-weight:500}.forgot-password{position:absolute;top:0;right:0;font-size:.6em;color:var(--grey);text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{background-color:var(--blue);color:#fff;border:none;padding:10px 20px;font-size:1em;cursor:pointer}form input[type=text],form input[type=email],form input[type=password]{border:none;padding-bottom:5px;outline:none;padding-left:30px}.cost-centre input{background:url("./media/cog-S47OLYJU.png") no-repeat 5px 1px;background-size:15px}.username input{background:url("./media/user-YGZOLKVH.png") no-repeat 5px 1px;background-size:15px}.password input{background:url("./media/lock-75EDGULQ.png") no-repeat 5px 1px;background-size:12px}.footer{padding:50px 0}.footer-content .flex-container{flex-direction:column;gap:20px;align-items:start;background:url("./media/dots-C5X6WX7E.png") no-repeat center right;background-size:contain}.company-info{display:flex;gap:40px;color:var(--blue)}.company-info strong{color:var(--lightblue)}.footer-bottom{font-size:.8em}.footer img{width:190px}@media only screen and (max-width: 767px){.contact-info svg{display:block}.contact-info span{display:none}.header-logo{padding:20px 0}.header-logo img{width:150px}.products-wrapper{grid-template-columns:1fr}.products-wrapper .product-link{aspect-ratio:unset;height:50px}.login-section{height:auto;padding:20px 0}}.space-bottom{margin-bottom:1em}.error-container{padding:20px;box-shadow:0 4px 8px #0000001a;animation:shake .5s}.error-header{display:flex;align-items:center;color:var(--grey)}.error-header i{font-size:24px;margin-right:10px;color:var(--blue)}.error-message{color:var(--grey);font-weight:700;font-size:.8em;margin-left:10px}.back-button{background-color:var(--blue);color:#fff;border:none;padding:10px 20px;font-size:1em;cursor:pointer;transition:background-color .3s ease}.back-button:hover{background-color:var(--lightblue)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.is-loading{padding:1.5em;background:linear-gradient(to right,var(--blue) 20%,transparent 20%) 0% 0%/400% 5px no-repeat,#fff;animation:loading-animation 1.5s linear infinite}@keyframes loading-animation{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}