.login-container{width:100%;min-height:calc(100vh - 70px);background:linear-gradient(to bottom right,pink,white);padding:20px}.google-login,.login-container{display:flex;align-items:center;justify-content:center}.google-login{margin-top:15px;gap:10px;background:#ffffff;border:1px solid #ddd;border-radius:30px;padding:10px 15px;cursor:pointer;font-weight:600;font-size:14px;color:#444;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.google-login:hover{background:#f7f7f7;transform:translateY(-2px)}.form-box{width:100%;max-width:400px;background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.15);text-align:center}.form-box h1{font-size:28px;margin-bottom:25px;color:rgb(253,106,130);position:relative}.form-box h1:after{content:"";width:40px;height:3px;background:rgb(253,106,130);position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-radius:2px}.input-field{background:#f1f1f1;margin:12px 0;border-radius:6px;display:flex;align-items:center;padding:0 10px}.input-field input,.input-field select{width:100%;background:transparent;border:none;outline:none;padding:12px;font-size:15px}.input-field i{margin-right:8px;color:#888}form p{text-align:left;font-size:13px;margin-top:10px}form p a{text-decoration:none;color:#3c00a0}.btn-field{display:flex;justify-content:space-between;margin-top:25px}.btn-field button{flex:1 1;margin:0 5px;background:pink;color:#fff;padding:12px 0;border:none;border-radius:20px;cursor:pointer;transition:background .2s ease}.btn-field button:hover{background:rgb(253,106,130)}.btn-field .disable{background:#ddd;color:#555}