:root{--primary:#00152c;--accent:#00152c;--accent2:#001f3f;--text-muted:#777;--light-gray:#ccc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:#00152c;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{display:flex;flex-direction:row;height:100vh;width:100%;max-width:1200px;margin:auto;box-shadow:0 0 30px rgba(0,0,0,.2);border-radius:20px;overflow:hidden;background:#fff}.auth-info-panel{flex:1;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:flex-start;justify-content:center;padding:40px;color:#00d084}.info-box{max-width:400px;text-align:left}.info-box h2{font-size:28px;font-weight:700;margin-bottom:20px}.info-box p{font-size:16px;line-height:1.6;color:hsla(0,0%,100%,.9)}.auth-form-panel{flex:1;background:#fff;padding:60px 40px;display:flex;align-items:center;justify-content:center}.form-box{width:100%;max-width:400px}.form-box .logo{max-width:140px;margin-bottom:10px}.form-box h2{font-size:24px;color:#333;margin-bottom:6px}.form-box p{color:var(--text-muted);font-size:14px;margin-bottom:24px}.input-row{display:flex;gap:10px;margin-bottom:16px}.input-row input{flex:1;padding:12px;border:1px solid var(--light-gray);border-radius:8px;font-size:14px}.form-box input[type=email],.form-box input[type=password],.form-box input[type=text]{width:100%;padding:12px;border:1px solid var(--light-gray);border-radius:8px;font-size:14px;margin-bottom:16px}.password-wrapper{position:relative;margin-bottom:16px}.password-wrapper input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--light-gray);border-radius:8px;font-size:14px}.password-wrapper i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#888;cursor:pointer}.forgot{display:block;text-align:center;font-size:.9rem;color:var(--accent);margin-bottom:20px;text-decoration:none}.forgot:hover{text-decoration:underline}.create-account-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:600;padding:14px;border:none;border-radius:30px;width:100%;font-size:16px;margin-bottom:20px;cursor:pointer;transition:.3s ease}.create-account-btn:hover{opacity:.9}.divider{text-align:center;position:relative;margin:20px 0;color:#aaa;font-size:13px}.divider:after,.divider:before{content:"";position:absolute;height:1px;width:40%;top:50%;background:#ccc}.divider:before{left:0}.divider:after{right:0}.google-btn i{font-size:16px}.terms-note{text-align:center}.terms,.terms-note{font-size:12px;color:var(--text-muted);margin-bottom:16px}.terms{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.terms input[type=checkbox]{margin-top:3px}.terms a{color:var(--accent);text-decoration:none}.terms a:hover{text-decoration:underline}.switch{text-align:center;font-size:14px;margin-top:10px;color:#555}.switch a{color:var(--accent);text-decoration:none;font-weight:600}.switch a:hover{text-decoration:underline}@media (max-width:900px){.auth-container{flex-direction:column;border-radius:0;box-shadow:none}.auth-form-panel,.auth-info-panel{width:100%;padding:40px 20px}.form-box{padding:0}}.checkbox-container{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-muted);margin-bottom:16px;line-height:1.4}.checkbox-container input[type=checkbox]{margin-top:3px}.checkbox-container a{color:var(--accent);text-decoration:none}.checkbox-container a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{flex-direction:column;border-radius:0;box-shadow:none;height:100vh}.auth-info-panel{display:none}.auth-form-panel{flex:1 1 auto;padding:20px 16px;height:100%;overflow-y:auto}.form-box{max-width:100%;padding:0}}body,html{height:100%;margin:0;padding:0}.logo{align-items:center;text-align:center;display:block;max-width:140px;margin:0 auto 10px}.create-account-btn,button,input,input[type=checkbox]{transition:all .3s ease}input:focus{outline:none;border-color:var(--accent2);box-shadow:0 0 0 3px rgba(58,123,213,.2)}@media (max-width:768px){.site-header{position:relative;top:-60px}}.site-header{display:flex;justify-content:center;align-items:center;padding:10px 0}@media (max-width:768px){.site-header{display:flex;justify-content:center;align-items:center;padding:10px 0}}