:root{--paycorp-primary: #0e0c55;--paycorp-secondary: #47c7ef;--paycorp-blue: #0069b5;--paycorp-accent: #FF6B35;--paycorp-dark: #1A1A1A;--paycorp-light: #F5F5F5;--text-white: #FFFFFF;--text-dark: #0e0c55;--success-green: #66bb6a;--error-red: #ef5350;--info-blue: #42a5f5;--overlay-opacity: .5;--radius-card: 24px;--radius-button: 16px;--radius-input: 8px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: "Montserrat", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-white);overflow-x:hidden}.landing-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;z-index:100}.logo-container{display:flex;align-items:center}.logo{height:50px;width:auto;opacity:.8}.landing-nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-white);text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .3s ease;padding:.5rem 1rem}.nav-link:hover{opacity:.8}.landing-container{width:100%;height:100vh;background:linear-gradient(to right,var(--paycorp-primary),var(--paycorp-secondary));position:relative;overflow:hidden;display:flex;flex-direction:column}.top-logo{position:absolute;top:calc(3rem - 22px);left:4.5rem;z-index:100;pointer-events:none}.logo-image{height:225px;width:auto;object-fit:contain}.hero-section{display:flex;justify-content:flex-start;align-items:center;padding:7.75rem 5% 0;position:relative;flex:1;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1}.background-image{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.95}.hero-content-wrapper{position:relative;z-index:10;max-width:680px;width:100%}.hero-content-card{background:rgba(140,137,180,var(--overlay-opacity));border-radius:var(--radius-card);padding:3rem 2.5rem;backdrop-filter:blur(10px)}.text-group{display:flex;flex-direction:column;gap:1.5rem}.hero-subtitle .highlight-dark{font-weight:700;color:var(--paycorp-primary)}.title-row{display:flex;align-items:center;gap:1rem}.title-row .highlight-dark{font-weight:700;color:var(--paycorp-primary)}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--text-white);margin:0}.home-badge{font-size:1rem;font-weight:600;color:var(--text-white);background:#fff3;padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(5px)}.hero-subtitle{font-size:1.125rem;font-weight:500;color:var(--text-white);margin:0}.login-form{margin-top:1rem;width:100%}.form-group{margin-bottom:1.25rem;position:relative}.password-group{position:relative}.form-input{width:100%;padding:1rem 1.25rem;font-size:.875rem;font-family:var(--font-family);color:#424242;background:#ffffffe6;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-input);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.form-input::placeholder{color:#9e9e9e;font-size:.813rem}.form-input:focus{outline:none;border-color:var(--paycorp-blue);background:#fff;box-shadow:0 4px 12px #0069b533}.form-input:focus::placeholder{opacity:.6}.form-input.invalid{border-color:var(--error-red);background:#ffebee}.form-input.valid{border-color:var(--success-green);background:#fff}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#757575;transition:color .3s ease;display:flex;align-items:center;justify-content:center;padding:.25rem}.password-toggle:hover{color:var(--paycorp-blue)}.password-toggle svg{width:20px;height:20px}.password-toggle.hide-password:after{content:"";position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-45deg)}.forgot-password-container{text-align:right;margin-top:-.5rem;margin-bottom:1rem}.forgot-password-link{color:var(--text-white);font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .3s ease}.forgot-password-link:hover{opacity:.8;text-decoration:underline}.message-container{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-input);margin-bottom:1.5rem;animation:slideIn .3s ease;backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-container.error{background-color:#ffebeef2;border:1px solid var(--error-red)}.message-container.success{background-color:#e8f5e9f2;border:1px solid var(--success-green)}.message-container.info{background-color:#e3f2fdf2;border:1px solid var(--info-blue)}.message-icon{font-size:1.125rem;flex-shrink:0}.message-text{flex:1;font-size:.813rem;font-weight:500;color:#424242}.message-container.error .message-text{color:#c62828}.message-container.success .message-text{color:#2e7d32}.message-container.info .message-text{color:#1565c0}.btn-login-primary{background-color:var(--paycorp-blue);color:var(--text-white);border:none;border-radius:var(--radius-button);padding:1rem 2.5rem;font-size:1rem;font-weight:700;letter-spacing:-.16px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:.5rem;position:relative;overflow:hidden}.btn-login-primary:hover{background-color:#005a9e;transform:translateY(-2px);box-shadow:0 6px 20px #0069b566}.btn-login-primary:active{transform:translateY(0)}.btn-login-primary:disabled{background-color:#bdbdbd;cursor:not-allowed;transform:none;box-shadow:none}.btn-login-primary.loading{color:transparent;pointer-events:none}.btn-login-primary.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-footer{flex-shrink:0;padding:1rem 2rem;background:none;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.footer-text{font-size:.906rem;text-align:center;color:var(--text-white);max-width:1248px;justify-content:center}.footer-text a{font-weight:700;text-decoration:none}@media(max-width:768px){.hero-content-wrapper{max-width:100%}.hero-content-card{padding:2rem 1.5rem}.hero-title{font-size:2.5rem}.title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.home-badge{font-size:.875rem;padding:.375rem .875rem}.hero-subtitle{font-size:1rem}.form-input{padding:.875rem 1rem;font-size:.813rem}.btn-login-primary{padding:.875rem 2rem;font-size:.875rem}}@media(max-width:480px){.top-logo{top:calc(1rem - 10px);left:50%;transform:translate(-50%)}.logo-image{height:100px}.hero-section{justify-content:center;align-items:center}.hero-content-wrapper{margin:0 auto;max-width:90%}.hero-content-card{padding:1.5rem 1rem}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:.875rem}.form-input{padding:.75rem .875rem;font-size:.75rem}.form-input::placeholder{font-size:.75rem}.btn-login-primary{padding:.75rem 1.5rem;font-size:.813rem}.password-toggle{right:.75rem}.password-toggle svg{width:18px;height:18px}.message-container{padding:.75rem .875rem}.message-text{font-size:.75rem}.forgot-password-link{font-size:.813rem}}.form-input:focus-visible,.password-toggle:focus-visible,.btn-login-primary:focus-visible,.forgot-password-link:focus-visible{outline:3px solid var(--paycorp-blue);outline-offset:2px}@media(prefers-contrast:high){.form-input{border-width:3px}.message-container{border-width:2px}}@media(prefers-reduced-motion:reduce){.form-input,.password-toggle,.btn-login-primary,.message-container,.forgot-password-link{transition:none}.message-container{animation:none}.btn-login-primary.loading:after{animation:none}}@media print{.landing-header,.landing-footer,.hero-background{display:none}.hero-content-card{background:#fff;box-shadow:none}}