.signInForm{height:100vh;background-image:url(/demo/images/landing/free.svg);background-size:cover;background-repeat:no-repeat;object-fit:cover}.signInForm,.signInForm__container{display:flex;justify-content:center;align-items:center;width:100%}.signInForm__container{height:100%}.signInForm__wrapper{width:600px;height:50vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;border-radius:8px;padding:0 12px;margin:0 4px}.signInForm__content{width:100%;padding:0 12px;margin:0 12px}.signInForm__header{font-size:2rem;margin-bottom:1rem}.signInForm__header,.signInForm__subheader{font-weight:700;text-align:center;color:#fff}.signInForm__subheader{font-size:1.25rem;margin-bottom:1.5rem}.formGroup{margin-bottom:1rem}.inputLabel{display:block;font-size:.875rem;font-weight:medium;color:#fff;margin-bottom:.5rem}.inputField{width:100%;padding:.625rem;background-color:#f9fafb;border:1px solid #d1d5db;color:#000;border-radius:.375rem;font-size:1rem}.inputField:focus{border-color:#3b82f6;outline:none}.inputField::placeholder{color:#9ca3af}.submitButton{width:100%;padding:.625rem;background-color:#fff;color:#000;font-size:.875rem;font-weight:medium;border-radius:.375rem;text-align:center;cursor:pointer}.submitButton:hover{background-color:#3b82f6}.submitButton:focus{outline:none;box-shadow:0 0 0 4px rgba(59,130,246,.3)}.submitButton.dark{background-color:#3b82f6;color:#fff}.submitButton.dark:hover{background-color:#2563eb}.signup-container{justify-content:center;min-height:100vh;padding:20px;background-color:#f8f9fa;box-sizing:border-box}.signup-box,.signup-container{display:flex;align-items:center}.signup-box{flex-direction:row;width:100%;max-width:1500px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.form-section{flex:1 1;padding:50px;display:flex;align-items:center;justify-content:center}.logo{font-size:24px;font-weight:700;color:#bbb}.form-container{max-width:400px}.title{font-size:24px;font-weight:700;margin-top:20px}.subtitle{color:#777;font-size:14px;margin-bottom:20px}.signup-form label{display:block;font-weight:600;margin-top:10px}.signup-form input{width:100%;padding:12px;margin-top:5px;border:1px solid #ddd;border-radius:5px}.forgot-password{text-align:right;margin-top:5px}.forgot-password a{color:#008060;text-decoration:none;font-size:14px}.signup-button{width:100%;padding:12px;margin-top:20px;background:linear-gradient(90deg,#004d40,#008060);color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.login-link{text-align:center;margin-top:10px;font-size:14px}.login-link a{color:#008060;text-decoration:none}.info-title{font-size:28px;font-weight:700;line-height:1.3}.card-preview{background:hsla(0,0%,100%,.1);padding:20px;border-radius:10px;margin-top:30px}.balance{font-size:24px;font-weight:700}.card-info{font-size:14px;margin-top:10px}.card-number{font-size:14px;font-weight:700}.card-balance{font-size:18px;font-weight:700;margin-top:10px}.view-all{margin-top:20px;padding:10px;border:none;background:#008060;color:#fff;border-radius:5px;cursor:pointer}.table-custom{width:100%;border-collapse:collapse;background-color:#fff}.table-custom td,.table-custom th{border:1px solid #000;padding:12px 16px;text-align:center;font-size:14px}.table-custom th{background-color:#eaeaea;font-weight:700}.table-custom td:first-child,.table-custom th:first-child{text-align:left}.table-custom td[colspan]{text-align:center;font-weight:700}