: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;--overlay-opacity: .5;--radius-card: 24px;--radius-button: 16px;--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}.top-logo{position:absolute;top:3rem;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:7rem 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-title{font-size:3.375rem;font-weight:600;line-height:1.2;color:var(--text-white);margin:0}.hero-title .highlight{font-weight:700;color:var(--paycorp-primary)}.hero-subtitle{font-size:1.125rem;font-weight:500;line-height:1.67;color:var(--text-white);margin:0}.hero-subtitle .highlight-dark{font-weight:700;color:var(--paycorp-primary)}.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}.btn-primary{background-color:var(--paycorp-blue);color:var(--text-white);border:none;border-radius:var(--radius-button);padding:1rem 2.5rem;font-size:.9rem;font-weight:700;letter-spacing:-.16px;cursor:pointer;transition:all .3s ease;width:35%;margin-top:1rem}.btn-primary:hover{background-color:#005a9e;transform:translateY(-2px);box-shadow:0 6px 20px #0069b566}.btn-primary:active{transform:translateY(0)}.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}.footer-text a{font-weight:700;text-decoration:none}.redeem-form{margin-top:1rem;width:80%}.form-group{margin-bottom:1rem}.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:8px;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:#ef5350;background:#ffebee}.form-group-checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.form-checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.7);border-radius:4px;cursor:pointer;background:#fff3;transition:all .2s ease;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-checkbox:checked{background-color:var(--paycorp-blue);border-color:var(--paycorp-blue)}.form-checkbox:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.form-checkbox:hover{border-color:var(--paycorp-blue)}.checkbox-label{font-size:.875rem;font-weight:500;color:var(--text-white);cursor:pointer;user-select:none}.message-container{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;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 #ef5350}.message-container.success{background-color:#e8f5e9f2;border:1px solid #66bb6a}.message-container.info{background-color:#e3f2fdf2;border:1px solid #42a5f5}.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-primary{position:relative;overflow:hidden}.btn-primary:disabled{background-color:#bdbdbd;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.loading{color:transparent;pointer-events:none}.btn-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)}}@media(max-width:768px){.top-logo{top:1.5rem;left:2rem}.logo-image{height:150px}.redeem-form{margin-top:1.5rem}.form-input{padding:.875rem 1rem;font-size:.813rem}.btn-primary{padding:.875rem 2rem;font-size:.875rem}.form-group-checkbox{margin-bottom:1.25rem}.checkbox-label{font-size:.813rem}}@media(max-width:480px){.top-logo{top:1rem;left:50%;transform:translate(-50%)}.logo-image{height:100px}.hero-section{justify-content:center}.hero-content-wrapper{margin:0 auto;max-width:90%}.redeem-form{margin-top:1rem}.form-input{padding:.75rem .875rem;font-size:.75rem}.form-input::placeholder{font-size:.75rem}.btn-primary{padding:.75rem 1.5rem;font-size:.813rem}.form-checkbox{width:16px;height:16px}.checkbox-label{font-size:.75rem}.message-container{padding:.75rem .875rem}.message-text{font-size:.75rem}}.form-input:focus-visible,.form-checkbox:focus-visible,.btn-primary:focus-visible{outline:3px solid var(--paycorp-blue);outline-offset:2px}@media(prefers-contrast:high){.form-input,.form-checkbox{border-width:3px}.message-container{border-width:2px}}@media(prefers-reduced-motion:reduce){.form-input,.form-checkbox,.btn-primary,.message-container{transition:none}.message-container{animation:none}.btn-primary.loading:after{animation:none}}