@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-background{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite}.login-container{display:flex;width:100%;height:100vh;overflow:hidden}.left-panel{width:60%;background-color:#050a24;display:flex;flex-direction:column;padding:2rem;position:relative;overflow:hidden}.static-brand{position:relative;z-index:2}.animated-text-container{position:relative;z-index:1;min-height:60px;max-width:600px}.brand-container{max-width:600px;margin:0 auto;padding:2rem}.brand-name{color:#fff;font-size:2rem;font-weight:700;margin-bottom:3rem}.sample-query-container{margin-top:2rem}.sample-query{color:#fff;font-size:2.5rem;font-weight:200;line-height:1.4;margin:0;letter-spacing:.025em;opacity:.8;display:block;width:auto;max-width:100%;word-wrap:break-word;position:relative}.right-panel{width:40%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.form-container{max-width:400px;width:100%;text-align:center}.section-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}.button-group{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.auth-button{padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;font-size:1rem;transition:background-color .2s;width:100%;text-align:center}.login-button,.signup-button{background-color:#0074d9;color:#fff}.login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.form-group{width:100%}.hidden{display:none}.form-input{width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:1rem}.form-actions{margin-top:1rem}.submit-button{width:100%;padding:.75rem 1rem;border-radius:9999px;background-color:#0074d9;color:#fff;font-weight:500;font-size:1rem;transition:background-color .2s;cursor:pointer}.submit-button:hover{background-color:#0065bd}.try-first-section{margin-top:1rem;margin-bottom:3rem}.try-first-link{color:#fff;font-size:1rem;text-decoration:none}.footer{margin-top:2rem;display:flex;justify-content:center;gap:.5rem;color:#6b7280;font-size:.875rem}.footer-link{text-decoration:none}.footer-link,.footer-separator{color:#9ca3af}.forgot-password-link{color:#9ca3af;text-decoration:none;font-size:.875rem;transition:color .2s}.forgot-password-link:hover{color:#fff}.divider-container{display:flex;align-items:center;margin:1.5rem 0;width:100%}.divider-line{flex-grow:1;height:1px;background-color:#374151}.divider-text{padding:0 .75rem;color:#9ca3af;font-size:.875rem}.google-signin-container{margin:1rem 0;width:100%}.google-signin-button{width:100%}.text-container{position:relative;min-height:150px;width:100%;padding:10px 0;overflow:hidden}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{display:inline;position:relative;color:#fff;animation:blink 1s step-end infinite;font-weight:100;vertical-align:baseline;font-size:inherit;line-height:inherit}@keyframes swipeUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}.swipe-up{animation:swipeUp .5s ease-out forwards}@media (min-width:320px){.login-container{flex-direction:column;min-height:100vh;padding:0}.left-panel,.right-panel{width:100%;height:auto;min-height:40vh;padding:1rem}.left-panel{min-height:40vh;padding:1.5rem}.right-panel{min-height:60vh;justify-content:flex-start;padding:2rem 1.5rem 1.5rem}.brand-name{font-size:1.5rem;margin-bottom:1.5rem}.sample-query{font-size:1.5rem;line-height:1.3}.form-container{padding:0;max-width:100%}.animated-text-container{min-height:80px}}@media (min-width:576px){.left-panel,.right-panel{padding:2rem}.brand-name{font-size:1.75rem;margin-bottom:2rem}.sample-query{font-size:1.8rem}.form-container{max-width:400px}}@media (min-width:768px){.left-panel,.right-panel{min-height:50vh;padding:2rem}.brand-name{margin-bottom:2.5rem}.brand-name,.sample-query{font-size:2rem}.animated-text-container{min-height:100px}}@media (min-width:992px){.login-container{flex-direction:row}.left-panel{width:60%}.left-panel,.right-panel{min-height:100vh;padding:3rem}.right-panel{width:40%;justify-content:center}.brand-name{font-size:2rem;margin-bottom:3rem}.sample-query{font-size:2.2rem}.animated-text-container{min-height:120px}}@media (min-width:1200px){.left-panel,.right-panel{padding:4rem}.brand-name,.sample-query{font-size:2.5rem}.animated-text-container{min-height:150px}}@media (min-width:1400px){.sample-query{font-size:2.8rem}}