:root{--color-bg-left-start: #0E2635;--color-bg-middle: #15242B;--color-bg-right-end: #7B241C;--color-panel-right-bg: #111e25;--color-text-light: #E0E0E0;--color-text-dark: #A0A0A0;--color-text-proverb: #FFFFFF;--color-glass-bg: rgba(255, 255, 255, .1);--color-glass-border: rgba(255, 255, 255, .2);--color-input-bg: rgba(255, 255, 255, .08);--color-input-border: rgba(255, 255, 255, .15);--color-primary-button: #007bff;--color-primary-button-hover: #0056b3;--color-link: #498ffc;--color-link-hover: #357ae8}body{margin:0;font-family:Inter,sans-serif;color:var(--color-text-light);overflow:hidden}.login-container{display:flex;min-height:100vh;width:100vw;background:linear-gradient(90deg,var(--color-bg-left-start) 0%,var(--color-bg-middle) 50%,var(--color-bg-right-end) 100%)}.left-panel{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px;position:relative;text-align:center;background-image:url(/build/assets/Titan%20Background%20Dash%20Login-c6xpMoBb.png);background-size:cover;background-position:center;background-repeat:no-repeat}.left-panel:before{content:"";position:absolute;inset:0;background-color:#0000004d;z-index:0}.left-panel>*{position:relative;z-index:1}.glass-header{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:10px 20px;width:70%;max-width:600px;margin-top:20px;text-align:left;box-shadow:0 4px 30px #0000001a;align-self:center}.titan-marketing-text{font-size:1.2rem;font-weight:300;letter-spacing:2px;color:var(--color-text-light);display:block}.proverb-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;line-height:1.5;font-weight:400;text-align:center;color:var(--color-text-proverb);text-shadow:1px 1px 5px rgba(0,0,0,.5);max-width:500px;padding:0 20px;letter-spacing:.5px}.proverb-text p{margin:0;text-transform:uppercase;font-weight:300}.proverb-highlight{font-size:2.1rem;font-weight:600;color:var(--color-text-proverb);text-shadow:0 0 5px rgba(255,255,255,.2)}.right-panel{flex:1;display:flex;justify-content:center;align-items:center;padding:30px;background:var(--color-panel-right-bg);border-left:1px solid rgba(255,255,255,.05)}.login-form-wrapper{width:100%;max-width:350px;text-align:center}.welcome-text{font-size:2.2rem;font-weight:700;margin-bottom:5px;color:var(--color-text-light);text-align:left}.subtitle-text{font-size:.9rem;color:var(--color-text-dark);margin-bottom:40px;text-align:left}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.input-label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--color-text-dark)}.input-field{width:100%;padding:12px 15px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:25px;color:var(--color-text-light);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.input-field::-moz-placeholder{color:#fff6}.input-field::placeholder{color:#fff6}.input-field:focus{outline:none;border-color:var(--color-primary-button);box-shadow:0 0 0 3px #007bff40}.remember-me-group{display:flex;justify-content:flex-start;align-items:center;margin-top:10px}.remember-me-label{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.remember-me-checkbox{opacity:0;width:0;height:0}.remember-me-text{font-size:.9rem;color:var(--color-text-dark);position:relative;padding-left:50px;transition:color .3s ease}.remember-me-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:40px;height:20px;background-color:var(--color-input-border);border-radius:10px;transition:background-color .3s;z-index:0}.remember-me-text:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);display:block;width:16px;height:16px;background-color:var(--color-text-light);border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0006;z-index:1}.remember-me-checkbox:checked+.remember-me-text{color:var(--color-text-light)}.remember-me-checkbox:checked+.remember-me-text:before{background-color:var(--color-primary-button)}.remember-me-checkbox:checked+.remember-me-text:after{transform:translate(20px,-50%)}.login-button{width:100%;padding:15px;background-color:var(--color-primary-button);color:#fff;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;margin-top:30px;text-transform:uppercase;letter-spacing:1px}.login-button:hover{background-color:var(--color-primary-button-hover);transform:translateY(-3px);box-shadow:0 5px 15px #007bff66}.login-button:active{transform:translateY(0);background-color:#004a99;box-shadow:0 2px 5px #00000080}.register-link,.forgot-password-link{margin-top:30px;font-size:.95rem;color:var(--color-text-dark);text-align:center}.register-text,.forgot-password-text{color:var(--color-link);text-decoration:none;position:relative;display:inline-block;padding-bottom:2px;transition:color .3s ease}.register-text:after,.forgot-password-text:after{content:"";position:absolute;width:0;height:2px;display:block;bottom:0;left:50%;background:var(--color-link-hover);transition:width .3s ease,left .3s ease}.register-text:hover:after,.forgot-password-text:hover:after{width:100%;left:0}.register-text:hover,.forgot-password-text:hover{color:var(--color-link-hover)}.forgot-password-link{margin-top:15px}@media (max-width: 1024px){.login-container{flex-direction:column}.left-panel{width:100%;min-height:40vh;padding:20px;justify-content:flex-start;position:relative;background-color:#0003}.left-panel:before{content:none}.glass-header{position:static;transform:none;width:90%;max-width:400px;margin-bottom:20px;align-self:center;text-align:left}.proverb-text{position:static;transform:none;font-size:1.1rem;line-height:1.4;text-align:center;max-width:90%;margin:20px auto 0}.proverb-highlight{font-size:1.8rem}.right-panel{width:100%;min-height:60vh;padding:40px 20px}.login-form-wrapper{max-width:400px}}@media (max-width: 768px){.left-panel{min-height:30vh;background-color:#00000059}.proverb-text{font-size:1rem;margin-top:10px}.proverb-highlight{font-size:1.6rem}.right-panel{min-height:70vh;padding:30px 15px}.welcome-text{font-size:2rem}.login-form{gap:15px}}@media (max-width: 480px){.left-panel{min-height:25vh;padding:15px;background-color:#00000080}.glass-header{padding:8px 15px;width:95%;margin-top:10px;text-align:center}.titan-marketing-text{font-size:.9rem}.proverb-text{font-size:.9rem;max-width:95%;text-align:center;margin-top:0}.proverb-highlight{font-size:1.3rem}.right-panel{min-height:75vh;padding:25px 15px}.welcome-text{font-size:1.8rem;margin-bottom:25px}.input-field{padding:10px 15px}.login-button{padding:12px;font-size:1rem;margin-top:25px}.register-link,.forgot-password-link{font-size:.9rem}}@media (max-width: 360px){.left-panel{min-height:20vh}.proverb-text{font-size:.8rem}.proverb-highlight{font-size:1.1rem}.right-panel{padding:20px 10px}.welcome-text{font-size:1.6rem}.login-form{gap:10px}}