body{margin:0;font-family:'Plus Jakarta Sans', sans-serif;background:#fff}.signin-container{display:flex;height:100vh;border-radius:16px;overflow:hidden}.signin-left{flex:1;max-width:calc(50% - 120px);padding:70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 30px rgba(0,0,0,0.08);animation:slideUp 0.8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.signin-left h1{font-size:34px;font-weight:700;background:linear-gradient(90deg, #195057, #4ED0E1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 6px rgba(0,0,0,0.15)}.subtitle{font-size:14px;font-weight:400;color:#424242;line-height:1.6;margin-bottom:20px}label{display:block;font-weight:600;font-size:14px;margin-top:15px;margin-bottom:10px}input{width:80%;height:48px;border-radius:8px;border:1px solid rgba(102,102,102,0.35);padding:0 15px;font-size:14px}.button-container{display:flex;gap:15px;margin-top:10px}.forgot-password-btn,.signin-btn{width:206px;height:50px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:30px}.forgot-password-btn{background-color:transparent;color:#287781;border:1px solid #287781}.signin-btn{border:none;background:linear-gradient(90deg, #195057 0%, #4ED0E1 100%);color:#fff}.forgot-password-btn:hover{background-color:rgba(40,119,129,0.1)}.or-divider{display:flex;align-items:center;margin:30px 0;width:60%;margin-left:60px}.or-divider span{font-size:12px;font-weight:400;color:#424242;margin:0 5px}.or-divider::before,.or-divider::after{content:"";flex:1;height:1px;background:#ccc}.google-btn{width:60%;height:48px;border:1px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-left:60px}.google-btn img{width:17px;height:17px}.signin-right{flex:1;max-width:calc(50% + 120px);padding:10px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(153.98deg, rgba(40,119,129,0.2) 9.25%, rgba(212,47,129,0.2) 50%, rgba(253,216,53,0.2) 100%),linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.3)),url("/assets/Images/Login_Images/signin (1).jpg") center/contain no-repeat;box-sizing:border-box;border-radius:16px;margin:15px;background-color:#195057}.left-logo{width:85px;height:72px;margin:20px}.left-card{margin:auto;max-width:80%;backdrop-filter:blur(12px);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:50px;color:#FAFAFA;text-align:left}.students-row{display:flex;align-items:center;margin-bottom:25px}.student-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff}.student-img.second{margin-left:-20px}.student-count{width:48px;height:48px;border-radius:50%;background:#fff;color:#000;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-left:-20px}.served-text{font-size:14px;font-weight:500;margin-left:12px;color:#fff}.signup-btn{width:260px;height:48px;border-radius:8px;border:2px solid #fff;background:transparent;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:block;margin:0 auto}.login-text{display:none}@media (max-width: 768px){.signin-right{display:none}.signin-left{max-width:100%;width:100%;padding:20px;border-radius:0;box-shadow:none}.signin-left::before{content:"";display:block;background:url(/assets/Images/Login_Images/tansparent.png) no-repeat left center/80px auto;height:72px;width:100%;margin-bottom:20px}.signin-left input,.signup-btn,.google-btn,.or-divider{width:80%;margin-left:0;max-width:80%}.button-container{justify-content:center}.signin-btn,.forgot-password-btn{flex:1;min-width:140px}.login-text{display:block;text-align:center;margin-top:15px;font-size:14px;color:#424242}.login-text a{color:#195057;font-weight:600;text-decoration:none}.login-text a:hover{text-decoration:underline}}